发表于： 2018-07-27 22:31:30
1 618
今天完成的事情：
复习w3school表单内容
明天计划的事情：
继续做任务五
遇到的问题：
input type="submit"定义提交按钮、<button> 元素定义可点击的按钮 感觉挺像，提交按钮本来就是可点击的呀
收获：
1.<input> 元素的输入类型
<input type="text"> 定义供文本输入的单行输入字段
<input type="password"> 定义密码字段，password 字段中的字符会被做掩码处理（显示为星号或实心圆）
<input type="submit">定义提交表单数据至表单处理程序的按钮
<input type="radio"> 定义单选按钮
<input type="checkbox"> 定义复选框
<input type="button> 定义按钮
<input type="number"> 用于应该包含数字值的输入字段
<input type="date"> 用于应该包含日期的输入字段
<input type="color"> 用于应该包含颜色的输入字段
<input type="range"> 用于应该包含一定范围内的值的输入字段。根据浏览器支持，输入字段能够显示为滑块控件。
<input type="month"> 允许用户选择月份和年份。根据浏览器支持，日期选择器会出现输入字段中。
<input type="week"> 允许用户选择周和年。根据浏览器支持，日期选择器会出现输入字段中。
<input type="time"> 允许用户选择时间（无时区）。根据浏览器支持，时间选择器会出现输入字段中。
<input type="datetime"> 允许用户选择日期和时间（有时区）。根据浏览器支持，日期选择器会出现输入字段中。
<input type="datetime-local"> 允许用户选择日期和时间（无时区）。根据浏览器支持，日期选择器会出现输入字段中。
<input type="email"> 用于应该包含电子邮件地址的输入字段。根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。某些智能手机会识别 email 类型，并在键盘增加 ".com" 以匹配电子邮件输入
<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）
<input type="tel"> 用于应该包含电话号码的输入字段
<input type="url"> 用于应该包含 URL 地址的输入字段。根据浏览器支持，在提交时能够自动验证 url 字段。某些智能手机识别 url 类型，并向键盘添加 ".com" 以匹配 url 输入。
2.Input 属性
value 属性规定输入字段的初始值
readonly 属性规定输入字段为只读（不能修改），readonly 属性不需要值。它等同于 readonly="readonly"。
<form action="">
First name:<br>
<input type="text" name="firstname" value="John" readonly>
<br>
Last name:<br>
<input type="text" name="lastname">
</form>
disabled 属性规定输入字段是禁用的。被禁用的元素是不可用和不可点击的。被禁用的元素不会被提交。
size 属性规定输入字段的尺寸（以字符计）
maxlength 属性规定输入字段允许的最大长度
返回列表
评论