语法

<input  type="text"（input元素类型）name="fname"（input元素名称）

value="text"（input元素的值）/>

文本框-语法

<input  type="text"(文本框)  name="userName"(文本框名称) value="用户名"(文本框初始值) size="30"(文本框长度) maxlength="20"(文本框可输入最多字符) />

密码框-语法

<input  type="password "(密码框)  name="pass"(密码框的名称)  size="20"(密码框的长度) />

单选按钮-语法

<input name="gen" type="radio"(单选按钮框) value="男"(值)  checked(单选按钮选中状态)  />男

<input name="gen" type="radio" value="女" />女

复选框-语法

<input type="checkbox"(复选框) name="interest" value="sports"(值)/>运动

<input type="checkbox" name="interest" value="talk" checked(复选框选中状态) />聊天

<input type="checkbox" name="interest" value="play"/>玩游戏

列表框-语法

<select(列表框) name="列表名称" size="行数">

<option value="选项的值" selected="selected"(默认选中项)>…</option >

<option(选项) value="选项的值">…</option >

</select>

按钮-语法

<input type="reset" (重置按钮) name="butReset"  value="reset按钮"(按钮上显示的文字)>

<input type="submit"(提交按钮) name="butSubmit" value="submit按钮">

<input type="button"(普通按钮) name="butButton" value="button按钮"/>

图片按钮

<input type="image" src="data:images/login.gif"/(图片路径)>

多行文本域-语法

<textarea(多行文本域)  name="showText"  cols="x"(显示的列数)  rows="y"(显示的行数)>

文本内容

</textarea  >

文件域-语法

<form action="" method="post" enctype="multipart/form-data"（表单编码属性）>

<p><input type="file"(文件域) name="files" />

<input type="submit" name="upload" value="上传" /></p>

</form>

邮箱-语法

<p>邮箱:<input type="email"（邮箱）  name="email"/></p>

<input type="submit"/>

网址语法

<p>请输入你的网址:<input type="url"（网址）  name="userUrl"/></p>

<input type="submit"/>

数字

<p>请输入数字:<input type="number"(数字)  name="num" min="0"(允许的最小值) max="100"(允许的最大值) step(合法的数字间隔)="10"/></p>

<input type="submit"/>

滑块

<p>请输入数字:<input type="range"(滑块)  name="range1" min="0"(允许的最小值) max="10"(允许的最大值) step(合法的数字间隔)="2"/></p>

<input type="submit"/>

搜索框

<p>请输入搜索的关键词:<input type="search"(搜索框)  name="sousuo"/></p>

<input type="submit"/>

隐藏域

<input type="hidden"(隐藏域) value="666" name="userid">

只读和禁用

<input name="name" type="text" value="张三"  readonly(只读文本框)>

<input type="submit "  disabled （禁用）  value="保存" >

语法

<label for="id"(表单元素的id)>标注的文本</label>

<input type="radio" name="gender" id="male"/(表单元素id)>

语法

<input type="search" name="sousuo"  placeholder(文本框输入内容提示)="请输入要搜索的关键字"/>

语法

<input type="text" name="username"  required/(必填项)>

语法

<input type="text" name="tel"  required pattern（验证规则，正则表达式）="^1[358]\d{9}" />

基本语法

<from  action="url地址"  method="提交方式"  name="表单名称">

各种表单控件

</from>

#action可以是路径也可以是邮箱地址

#method有两种：get和post；

get表示提交的数据只显示在浏览器的地址栏，保密性差，有数据量的限制；post保密性好，无限制数据量。

表单有自动完成功能

on

表单无自动完成功能

off

文本框

<input type="text" name="" id="" value="123" autocomplete="on" />

密码框

<input type="password" name="" id="" value="123" autocomplete="on" />

提交按钮

<input  type="submit"  value="提交按钮">