HTML表单用法

表单需要用form标签包围

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

单选框

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

多选框

<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="text" 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="重置">
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 简介 HTML 表单表示文档中的一个区域,包含了表单元素等交互控制原件,用于向 web 服务器提交信息。 f...
    饥人谷_风争阅读 325评论 0 0
  • html表单用途 html用于收集用户的输入向服务端提交数据,从而实现用户与web端的交互 html表单的属性 1...
    zhangkun_sunset阅读 337评论 0 0
  • HTML 表单用于搜集不同类型的用户输入。 1.<form> 元素:<form> 元素定义 HTML 表单 1.<...
    饥人谷_兔子君阅读 347评论 0 0
  • HTML 表单用于收集用户输入,向服务器传输数据,使用 元素来定义。 form常用属性: action:表单提交的...
    饥人谷_二釉阅读 200评论 0 0
  • 人生总会遇见许多过客,有的人让你感慨万千,有的人让你记忆犹新,有的人让你泪流不止,有的人让你怀疑,有的人让你想念,...
    苦笑嫣然阅读 397评论 0 3