HTML表单的用法

简介

HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。
表单元素通常包括文本域(textarea)、单选框(radio-buttons)、复选框(checkboxes)等。

  • 常用属性:

type:输入的类型
name:表单的名称
value:表单的内容


<form action="/getInfo" method="get">
<label for ="username">姓名</label>
<input id="username" type="text" name="username" value="小明">
 </form>

用户可以在文本域写入文本。

<form action="/getInfo" method="get">
  <label for="password">密码</label>
  <input id="password" type="password" name="password" placeholder="输入密码">
</form> 

创建HTML的密码域。

<form action="/getInfo" method="get">
  <input type="checkbox" name="hobby" value="read"> 读书 
  <input type="checkbox" name="hobby" value="music"> 听歌
  <input type="checkbox" name="hobby" value="study"> 学习
</form>

用户可以选中或取消选取复选框。

<form action="/getInfo" method="get">
<input type="radio" name="gender" value="男">男
</form>

在HTML中创建单选按钮。

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

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 434评论 0 1
  • 一、HTML表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea...
    饥人谷_李维超阅读 342评论 0 0
  • HTML中表单可以用来搜集用户各种类型的输入信息。表单实际上是包含表单元素的区域,在这个区域中的各种元素的输入信息...
    7号的自检报告阅读 421评论 0 0
  • HTML 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉...
    大主教小豪阅读 305评论 0 0
  • 蔚蓝天际之上,慵懒的云层随着清风缓缓的飘荡,整片天地,都是透着那种古老的安宁。 咻。 略显尖锐的破风之声,突然的从...
    混沌天书阅读 104评论 0 0