HTML input标签

  • 黄楚恒
  • 2017-06-27 10:47:06
  • HTML
  • HTML
<input> 标签
属性 说明
type input元素类型
name input 元素的名称
value input 元素的值
size input 元素的宽度
readonly 是否只读
maxlength 输入字符的最大长度
disabled 是否禁用

1.文本框
<input type="text" name="username" value="" />
2.密码框
<input type="password"name="passwd"/>
3.单选按钮
<input type="radio"name="sex"value="1"checked="checked" />男
<input type="radio"name="sex"value="0"/>女
4.复选框
<input type="checkbox"name="love"value="music" checked="checked"/> 听音乐
<input type="checkbox"name="love" value="movie"/> 看电影
<input type="checkbox"name="love" value="game"/> 玩游戏
<input type="checkbox"name="love" value="sport"/> 运动
<input type="checkbox"name="love" value="Internet"/> 上网
5.按钮
<input type="button" name="btn" value="确定"/>
<input type="submit" name="comit" value="提交"/>
<input type="reset" name="reset" value="重写"/>
<input type="image"name="img_btn" src="btn.gif"/>
6. 隐藏域
隐藏域用于在程序发送没有必要让用户看到特定值的时候使用。
<input type="hidden" name="uid" value="10"/>
7. 上传文件
<input type="file" name="photo"/>
利用这项功能时,在 form 标签中要指定method属性。要把method 指定为post, enctype属性指定为 multipart/form-data。

多行文本框
<textarea name="content" rows="5" cols="50"> </textarea>
属性 说明
name 元素的名称rows 指定文本框的高度
cols 指定文本框的宽度
下拉列表框
<select name="city">
<option value="0">请选择</option>
<option value="bj">北京</option>
<option value="gz">广州</option>

</select>

属性 说明

name 下拉列表框的名称
size 下拉列表框的显示行数
multiple 是否多选
disabled 是否禁用
selected 设置默认选中的选项
value 选项的值

Copyright © 2016-2019 709173702@qq.com 版权所有  ICP证粤ICP备16117826号-1
联系邮箱:709173702@qq.com