表单

★单行文本框

<input type="text">
11.PNG

★密码框

<input type="password">
222.PNG

★单选框

<input type="radio" id="boy" name="sex" checked>
111111.PNG

checked ：选中

★下拉列表

<select name="" id="">
    <option value="">房产</option>
    <option value="">汽车</option>
    <option value="">金融</option>
</select>
1560879637(1).jpg

★提交按钮

<input type="submit">
222222.PNG

★普通按钮

  <input type="button" value="普通按钮">
4444.PNG

重置按钮

<input type="reset">
2222222.PNG

★文本域

1560880334(1).jpg

★多选框

<input type="checkbox">
111111111.PNG
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 七·form表单
    1.form标签简介 网站怎样与用户进行交互？答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送...
    饥人谷_小侯阅读 2,958评论 0赞 0
  • 中后台系统控件交互知识-表单控件篇
    目录： 一、文本输入框 二、下拉框 三、单选框 四、复选框 五、开关按钮 六、穿梭框 七、日期选择 八、步进器 九...
    四口_1ee阅读 9,384评论 1赞 11
  • 任务5-form表单的用法
    1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？ HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,415评论 0赞 1
  • 表单 From
    表单表单是用来提交资料、意见，规范流程执行过程的格式。在网页中主要负责数据采集功能。表单标签：这里面包含了处理表单...
    思思有礼阅读 4,369评论 0赞 0
  • 常见的表单设计，如何最大化提升用户体验？
    这个序可能会有些长 先作个自我介绍，我是一名交互设计师，90后。我并不怎么喜欢编辑文章或写点什么，就是因为懒，所以...
    IxDKN阅读 13,791评论 16赞 160