<form action="模拟后台服务器">
<!-- fieldset跟分组差不多-->
<fieldset>
<!-- legend组名-->
<legend>用户信息</legend>
用户名<input type="text" name="username" placeholder="用户名">
<br>
密码 <input type="password" name="pwd">
<br>
<!-- 性别-->
<!-- checked=checked设置默认值-->
性别 <input type="radio" name="male">男
<input type="radio" name="female" checked="checked">女
</fieldset>
<br>
爱好 <input type="checkbox" name="habby" value="blq">玻璃球
<input type="checkbox" name="habby" value="lq">篮球
<input type="checkbox" name="habby" value="tq" checked="checked">台球
<br>
你喜欢的明星
<!-- multiple=multiple可多选-->
<select name="start">
<!-- optgroup分组-->
<!-- lable指定组名-->
<optgroup label="女明星">
<option value="zly">赵丽颖</option>
</optgroup>
<optgroup label="男明星">
<!-- selected=selected设置默认值-->
<option value="fsf" selected="selected">冯绍峰</option>
</optgroup>
</select>
<br>
<!-- textarea多行文本域-->
自我介绍 <textarea name="info"></textarea>
<br>
<br>
<!-- 按钮-->
<input type="submit" value="注册">
<!-- 重置 恢复默认样式-->
<input type="reset">
<input type="button" value="按钮">
<br>
<br>
<button>提交</button>
</form>
表单
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行j...
- >>表单的排版细节 1、标签一般放在左侧（根据眼动测验，及方便快速扫视） 2、标签左对齐还是右对齐 插入式且标签较...
- 细说 Angular 2+ 的表单（一）：模板驱动型表单 响应式表单 响应式表单乍一看还是很像模板驱动型表单的，但...
