表单
(1)收集数据
(2)提交
<!-- <form method="">
</form>
method="" 以哪种方式提交 get post
action="" 提交到哪个页面 -->
1、文本输入框
用户名:<input type="text" nema="username" value="" placeholder="会员名/邮箱/手机号" autofocus/>
text 输入为文本形式
placeholder="提示"
autofocus或者autofocus="autofocus" 页面首次加载时自动获取光标
readonly 只读性 不能修改
disabled 页面首次加载时禁用此标签
maxlength="8" 限制最大长度小于等于8
2、密码输入框
密码:<input type="password" name="psd" value="" placeholder="密码"/>
3、按钮
(1)普通的按钮(没有任何功能)
<input type="button" value="登陆" />
(2)提交按钮(有提交的功能)
<input type="submit" value="提交">
(3)重置按钮(有重置的功能)
<input type="reset" value="提交" >
4、单选
性别:
<input type="radio" nama="sex" value="woman" />女
<input type="radio" nama="sex" value="man" />男
<input type="radio" name="sex" value="baomi">保密
checked 默认被选中
5、多选
I have:
<input type="checkbox" name="have" value="pen" />pen
<input type="checkbox" name="have" value="apple" />apple
<input type="checkbox" name="have" value="pineapple" />pineapple
6、下拉框
省:<select name="pro" id="">
<option value="安徽">安徽</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
</select>
selected 默认被选中
7、文本域(可输入多行文本)
留言:
<textarea name="" id="" placeholder="留下你想说的话" cols="30" rows="10"></textarea>
cols="10" colspan 合并列 宽
rows="20" rowspan 合并行 高
8、文件上传
图片:
<input type="file" name="pictrue" value="" />
multiple 多文件上传(一次性选择)
9、表单控件
(1)
<label>用户名:<input type="text"></label>
(2)
<label for="user">用户名:</label>
<label><input type="text" id="user" /></label>
(1)收集数据
(2)提交
<!-- <form method="">
</form>
method="" 以哪种方式提交 get post
action="" 提交到哪个页面 -->
1、文本输入框
用户名:<input type="text" nema="username" value="" placeholder="会员名/邮箱/手机号" autofocus/>
text 输入为文本形式
placeholder="提示"
autofocus或者autofocus="autofocus" 页面首次加载时自动获取光标
readonly 只读性 不能修改
disabled 页面首次加载时禁用此标签
maxlength="8" 限制最大长度小于等于8
2、密码输入框
密码:<input type="password" name="psd" value="" placeholder="密码"/>
3、按钮
(1)普通的按钮(没有任何功能)
<input type="button" value="登陆" />
(2)提交按钮(有提交的功能)
<input type="submit" value="提交">
(3)重置按钮(有重置的功能)
<input type="reset" value="提交" >
4、单选
性别:
<input type="radio" nama="sex" value="woman" />女
<input type="radio" nama="sex" value="man" />男
<input type="radio" name="sex" value="baomi">保密
checked 默认被选中
5、多选
I have:
<input type="checkbox" name="have" value="pen" />pen
<input type="checkbox" name="have" value="apple" />apple
<input type="checkbox" name="have" value="pineapple" />pineapple
6、下拉框
省:<select name="pro" id="">
<option value="安徽">安徽</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
</select>
selected 默认被选中
7、文本域(可输入多行文本)
留言:
<textarea name="" id="" placeholder="留下你想说的话" cols="30" rows="10"></textarea>
cols="10" colspan 合并列 宽
rows="20" rowspan 合并行 高
8、文件上传
图片:
<input type="file" name="pictrue" value="" />
multiple 多文件上传(一次性选择)
9、表单控件
(1)
<label>用户名:<input type="text"></label>
(2)
<label for="user">用户名:</label>
<label><input type="text" id="user" /></label>