表单的简单用法

1.表单用form标签包裹
<from action="提交到服务器地址" method="get/post"></from>
2.单选radio,相同的name为一组
<input type="radio" name="sex" value="man" >男
<input type="radio" name="sex" value="woman">女
3.多选checkbox,<label>标签作用点击对应文字也可以进行选择或者输入
<label><input type="checkbox" name="1" value="dota">dota</label>
<label><input type="checkbox" name="1" value="旅游" checked>旅游</label>
<label><input type="checkbox" name="1" value="宠物" checked>宠物</label>
<label for="id">文本内容</label>
4.密码框,输入显示黑圆点
<input type="password" name="" placeholder="默认显示的文字">
5.单行文本框
<input type="text" name="" placeholder="默认显示的文字">
6.多行文本框
<textarea name="" cols="10" rows="5" > 默认显示的文本 </textarea>
7.下拉菜单栏
<code><select>
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select></code>
8.隐藏域,检验是否安全
<input type="hidden" name="" value="">
9.上传文件
<input type="file" name="" accept="定义上传文件类型">
10.按钮
<button>按钮</button>
<input type="buttom" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">

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

推荐阅读更多精彩内容

  • 一、form表单有什么作用? 表单的作用: 表单在网页中主要负责数据采集功能,把用户填写的信息提交到网站的后台服务...
    沈檀Senta阅读 1,911评论 0 0
  • HTML表单的简单用法:HTML表单用于搜集不同类型的用户输入。 元素定义HTML表单。HTML表单包含表单元素。...
    cctosuper阅读 416评论 0 0
  • 表单用于向服务器传输数据,在网页里就是一个存放控件的地方,如文本框,密码框,按钮之类的,这些控件叫做表单元素。 定...
    agui526阅读 789评论 0 0
  • 1.表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务...
    cross_王阅读 567评论 0 0
  • ** 本博客著作权归从这到那所有,转载请注明出处 ** 表单的作用 HTML表单用于接收不同类型的用户输入,用户提...
    从这到那阅读 315评论 0 1