发表于: 2018-08-28 21:17:04
1 829
今天完成的事情:
1.学习了HTML标签<form> <input> <label>
<form> 标签用于为用户的输入创建 HTML 表单,用于向服务器传输数据。它是块级元素。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 <form>元素重要的属性是action、method、name、target、autocomplete 。
<label> 标签为 input 元素定义标注(标记)。<label> 标签的 for 属性应当与相关元素<input>的 id 属性相同。当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。常用在单选框和复选框上。
<input> 标签用于搜集用户信息<input>标签最重要的属性有type、name、value、width、height、required、readonly .......
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是
text 、password、radio、checkbox、reset、submit、button、file、image、hidden。
虽然在任务四中只用到input标签,input属性非常的多,这有一篇详细介绍:http://blog.sina.com.cn/s/blog_161005e400102wa2n.html
2.根据设计图完成页面
明天计划的事情: 已经做到第四个任务了,打算把之前任务的深度思考题整理一下
遇到的问题:在学习input标签时,有一个maxlength属性:定义input元素中可输入的最长字符数;如 maxlength="50" 表示最多可以输入50个字符;想到可以用在输入电话号的input上,maxlength="11",但并未起作用,百度后发现:需要与size属性通用才可其作用
size属性 :元素的宽度;很多人都知道在HTML中,常见的宽度是用 width 表示的,而在input中 width 属性只使用与 type="image" 时使用,input元素的宽度需要通过size属性来设定,size的值为数字,数字越大input元素越长,数字越小input元素越短;
收获:以前只是知道有<form> <input> <label> 标签,也只用过<input> ,今天知道了 <form> 标签用于为用户的输入创建 HTML 表单,用于向服务器传输数据,有四个属性:
method属性:规定用于发送 form-data 的 HTTP 方法。实际上就是请求的方式get/post(后面学习ajax的时候肯定会用到)。
①GET方式:最常见的提交方式,也就是将请求的参数直接拼接在请求路径的后面。这样的方式会把参数暴露在地址栏,不安全,而且有长度的限制。
②POST方式:也比较常见。这种请求方式将参数保存在请求体中,地址栏不会出现请求的参数。相对安全。
name属性:表单的名称。
action属性:指定表单请求的路径
target属性:指定action的Url在哪里打开
<label>一般和<input>连用,<label> 标签的 for 属性应当与相关元素<input>的 id 属性相同。当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。常用在单选框和复选框上。
评论