HTML表单的使用方法

HTML表单通常是提交用户信息。
表单元素包含文本域 ,隐藏域 ,单选,复选等..

<form>常用属性有:

action:表单提交的文件
menthod:表单提交的方式

<form action="/getInfo" method="get">
</form>

表单常用元素

<input>,<textarea>(多行文本框),<option>(下拉框),<label>(<input>的标注)等。

实例如下:

单选或多选时,相同的name为一组:

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

2组
<input type="radio" name="xingbie" value="man" >男
<input type="radio" name="xingbie" 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="重置">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...
    cheneyzhangch阅读 3,418评论 0 0
  • 1.HTML表单简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单使用标签 来设置 标...
    村里第一帅阅读 2,929评论 0 0
  • 1. 简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单元素通常包括文本域(texta...
    _达斯基阅读 1,724评论 0 0
  • 简介 HTML 表单用于搜集不同类型的用户输入。 表单标签列表 表单标签<form> action:表单需要提交的...
    24_Magic阅读 1,832评论 0 0
  • html表单是一个包含表单元素的区域,用来收集用户输入的内容并提交,表单使用 标签设置。 1.表单属性 actio...
    Ligod阅读 1,652评论 0 0

友情链接更多精彩内容