码迷,mamicode.com
首页 > 其他好文 > 详细

第三章 表单

时间:2017-08-29 18:03:20      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:sea   multipart   搜索框   col   第三章   ber   checkbox   action   日本   

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

第三章 表单

标签:sea   multipart   搜索框   col   第三章   ber   checkbox   action   日本   

原文地址:http://www.cnblogs.com/fkx1/p/7449385.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!