第三章 表单

Posted 2020-10-04 FANKEXIN

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:属性验证文本框输入的内容是否与自定义的正则表达式相匹配