form
所有的表单元素只能放在form里面才能提交
action 制定了当前表单要提交的目的地（将要把填写的内容发给谁）
method 提交表单所需要的方法（ get ,post）
<form action="" method="post"></form>
1
input
type 功能
text 单行文本输入
password 密码
radio 单选
checkbox 多选
reset 重置表单数据
file 文件上传
submit 提交表单数据
image 图形提交按钮
button 普通按钮
select 下拉选择（optgroup，option）
textarea 文字区块
<form action="" method="">
账号： <input type="text" placeholder="请输入账号" maxlength="10" disabled/>
disabled（禁用）
maxlenght （限制输入文本的长度）
密码： <input type="password" placeholder="密码"/>
性别： <input type="radio" name="sex" id="m"/><label for="m">男</label>
<input type="radio" name="sex" id="w" checked/><label for="w">女</label>
兴趣：
<input type="checkbox" value="书" name="兴趣" checked id="shu"/><label for="shu">书</label>
checked （默认选择）
<input type="checkbox" id="hua" value="画" name="兴趣"/><label for="hua">画</label>
<input type="reset" value="千万别点"/>
<input type="file"/><br/>
<button disabled>我是一个按钮</button>
<select>
<optgroup label="一线城市"> 分组
<option>北京</option>
<option>上海</option>
<option>广州</option>
</optgroup>
<optgroup label="二线城市">
<option>北京</option>
<option>上海</option>
<option>广州</option>
</optgroup>
<optgroup label="三线城市">
<option>北京</option>
<option>上海</option>
<option>广州</option>
</optgroup>
</select>
<textarea style="width: 100px;height: 200px"></textarea>
<button style="background-color: red;color: white;border-width: 0;border-radius: 60px">a</button>
</form>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
智能表单
功能 type
邮件 email
网址 url
日期 date
时间 time
月份 month
星期 week
数字 number（value:默认数字；max:最大数字；min:最小数字）
范围 range（value:默认值；max:最大值；min:最小值）
颜色 color
智能下拉选择
可以检索关键字，无法默认某一属性，但是添加了label属性，可以用作标签
<input type="text" list="mylist"/>
<datalist id="mylist">
<option value="让子弹飞" label="☆"></option>
<option value="让子弹"></option>
<option value="让子飞"></option>
<option value="让弹飞"></option>
</datalist>
---------------------
作者：Mode Cheng
来源：CSDN
原文：blog.csdn.net/weixin_4388…
版权声明：本文为博主原创文章，转载请附上博文链接！
|
|
