HTML、CSS基础 {未完待续}

2024年5月25日 120次阅读 来源: 没病走俩步

<a>标签 超链接（需要在新的浏览器窗口中打开时使用target）

<a  href="目标网址"  title="鼠标滑过显示的文本"target="_blank">点我</a>

本页跳转

<div id="abc">顶部</div>
................................
<a  href="#abc">返回顶部</a>

<a>标签还有一个作用是可以链接Email地址.便捷发送邮件。

<a href="mailto:lcgsmile@Yahoo.com?subject=主题 &body=邮件内容">发送</a>

mailto 邮箱地址
cc 抄送地址
bcc 密件抄送地址
subject 主题内容
body 邮件正文内容

如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。

<img>标签为网页插入图片

<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

<form>表单标签

表单用于向服务器传输数据。

  表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

  表单还可以包含textarea、select、fieldset和 label 元素。

1.表单属性

　　HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，
从而实现用户与Web服务器的交互。表单标签, 要提交的所有内容都应该在该标签中.

        action: 表单提交到哪. 一般指向服务器端一个程序,程序接收到
        表单提交过来的数据（即表单元素值）作相应处理，比如   
        https://www.sogou.com/web
        method: 表单的提交方式 post/get 默认取值 就是 get（信封）

        get: 
           1.提交的键值对.放在地址栏中url后面.
           2.安全性相对较差.
           3.对提交内容的长度有限制.

        post:
           1.提交的键值对 不在地址栏. 
           2.安全性相对较高. 
           3.对提交内容的长度理论上无限制.

       get/post是常见的两种请求方式.

input

<form action="此处写规定当提交表单时向何处路径发送表单数据" method="post"
enctype="multipart/form-data">
<p>用户名<input type="text" name="username"placeholder="用户名"></p>
<p>密码<input type="password"name="password"placeholder="密码"></p>
<p>爱好 音乐<input type="checkbox" name="hobby"value="music">
电影<input type="checkbox" name="hobby" value="movie"></p>
<p>性别 男<input type="radio" name="gender" value="men">
女<input type="radio" name="gender" value="women"></p>
 <p><input type="file" name="文件对象"></p>
<p><input type="submit" value="提交注册"></p>
<!--<p><input type="button" value="提交注册"></p>-->
<p><input type="reset" value="重置"></p>
</form>
type:        text 文本输入框

             password 密码输入框

             radio 单选框

             checkbox 多选框  

             submit 提交按钮            

             button 按钮(需要配合js使用.) button和submit的区别？

             file 提交文件：form表单需要加上属性enctype="multipart/form-data"   

 name:    表单提交项的键.注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客
          户端编程，而在css和javascript中使用的
 value:   表单提交项的值.对于不同的输入类型，value 属性的用法也不同：

?12345type="button", "reset", "submit" - 定义按钮上的显示的文本 type="text", "password", "hidden" - 定义输入字段的初始值 type="checkbox", "radio", "image" - 定义与输入相关联的值　　

 checked:  radio 和 checkbox 默认被选中

 readonly: 只读. text 和 password

 disabled: 对所用input都好使.
    原文作者：没病走俩步
    原文地址: https://segmentfault.com/a/1190000008579609
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞