HTML、CSS基础 {未完待续}

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

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

本页跳转

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

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

<a href="mailto:[email protected]?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都好使.

猜你喜欢

转载自www.cnblogs.com/homehtml/p/12538851.html
今日推荐