1.文本框:<input name=" "value=" " type="text"size="数字"/>
2.密码框:<input type="password" size="数字" value=" " name=" "/>
3.单选按钮:
例:
<form method="post"action="">
<input type="radio" name=" "value=" "checked/>男 //checked默认值
<input type="radio"name=" "value=" "/>女
</form >
4.复选框
<form method="post"action="">
<input type="checkbox" name="1"value="11"checked/>*** //checked默认值
<input type="checkbox"name="1"value="11"/>****
</form >
5.下拉列表框:
例:
<form method="post"action="">
<option value="0">美国</option>
<option value="1" selected>澳大利亚</option> //selected默认值
<option value="2">日本</option>
<option value="3">新加坡</option>
<option value="4">加拿大</option>
</select>
</form >
6.按钮
6.1提交按钮:<input type="submit" name="**" value="***"/>
6.2重置按钮:<input type="reset" name="**" value="***"/>
6.3普通按钮<input type="button" name="**" value="***"disabled/> // disabled:禁止
7.多行文本域
<textarea name="textarea" cols="数字"rows="数字">
</textarea>
8.文件域
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="files"/>
<input type="submit" name="dfff" value="上传"/>
</form>
9.邮箱
<input name="email" type="email"required=""maxlength="32" placeholder="www.baidu.com"/> //required:规定文本框内容部能为空 maxlength:最大长度 placeholder:默认显示
10.网址
<input type="url" name="**"/>
11.数字
<input type="number" name="**" min="" max="" step="数字"/>
12.滑块
<input type="fange" name="**" min="" max="" step="数字"/>
13.搜索框
<input type="search" name="**"/>
1.placeholder:属性用于input 类型的一种提示,这种提示可以描述文本框期待用户输入的内容,在输入时,文本框的内容消失
2.required:属性提示文本框内容不能为空
3.pattern:属性验证文本框输入的内容是否与自定义的正则表达式相匹配