HTML表单的介绍

表单作用:收集信息提交给服务器

表单需要用form标签包围

<from action="提交到服务器地址" method="get/post"></from>

单选,相同的name为一组

1组
<input type="radio" name="sex" value="man" >男
<input type="radio" name="sex" value="woman">女

2组
<input type="radio" name="sex1" value="man" >男
<input type="radio" name="sex1" value="woman">女

多选type="checkbox",<label> 标签包围点文字也可以选择

<label><input type="checkbox" name="" value="dota">dota</label>
<label><input type="checkbox" name="" value="旅游" checked>旅游</label>
<label><input type="checkbox" name="" value="宠物" checked>宠物</label>

密码框,输入显示黑圆点

<input type="password" name="" placeholder="默认显示的文字">

单行文本框

<input type="text" name="" placeholder="默认显示的文字">

多行文本框

<textarea name="" cols="10" rows="5" >
        默认显示的文本
</textarea>

下拉菜单栏

<select>
    <option value="beijing">北京</option>
    <option value="shanghai" selected>上海</option>
    <option value="hangzhou">杭州</option>
</select>

隐藏域,检验是否安全

<input type="hidden" name="" value="">

上传文件

<input type="file" name="" accept="定义上传文件类型">

按钮

<button>提交</button>
<input type="buttom" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 引言 在日常开发Android中,很多时候会遇到和WebView打交道,对CSS HTML JS不是很清楚的话是完...
    张文靖同学阅读 2,887评论 0 11
  • 本文主要是起笔记的作用,内容来自慕课网. 认识HTML、CSS、JavaScript 学习web前端开发基础技术需...
    0o冻僵的企鹅o0阅读 692评论 3 7
  • 什么是FORM表单: 表单是用来提交资料、意见,规范流程执行过程的格式。表单在网页中主要负责数据采集功能。一个表单...
    PYFang阅读 1,163评论 0 0
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,245评论 3 17
  • ********** 未经本人允许,严禁转载任何网站 ********** 本人在慕课网学习HTML+CSS基础课...
    zhaolion阅读 11,014评论 46 548