<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+ 的表单(一):模板驱动型表单 响应式表单 响应式表单乍一看还是很像模板驱动型表单的,但...