input 标签 -- 代表HTML表单的单行输入域
input标签是单独出现的,<input />
引用网址:http://www.dreamdu.com/xhtml/tag_input/
属性. Common -- 一般属性
type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)
value -- 输入域的值
size -- 输入域的长度
maxlength -- 输入域最多可以输入文字的长度
checked -- 如果是选择型的输入域,代表已经被选择
readonly -- 输入域可以选择,但是无法修改
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
accesskey -- 表单的快捷键访问方式
tabindex -- 输入域的"tab"键遍历顺序
src -- 当使用图片来表示按钮时,代表图片的位置(URI)
alt -- 用来替换提交按钮的图片(当在input的src属性定义的图片无法显示时)
示例
<form id="dreamdu" action="dreamdu.php" method="post" enctype="multipart/form-data">
<fieldset>
<legend>用户名和密码:</legend>
<input id="hiddenField" name="hiddenField" type="hidden" value="hiddenvalue" />
<label for="username">用户名:</label>
<input type="text" id="username" name="username" value="dreamdu" size="15" maxlength="25" />
<label for="pass">密码:</label>
<input type="password" id="pass" name="pass" size="15" maxlength="25" />
</fieldset>
<fieldset>
<legend>性别:</legend>
<label for="sex">男</label>
<input type="radio" value="1" id="sex" name="sex" />
<label for="sex">女</label>
<input type="radio" value="2" id="sex" name="sex" />
<label for="sex">保密</label>
<input type="radio" value="3" id="sex" name="sex" />
</fieldset>
<fieldset>
<legend>爱好:</legend>
<label for="fav">计算机</label>
<input type="checkbox" value="1" id="fav" name="fav" />
<label for="fav">旅游</label>
<input type="checkbox" value="2" id="fav" name="fav" />
<label for="fav">购物</label>
<input type="checkbox" value="3" id="fav" name="fav" />
</fieldset>
<fieldset>
<legend>照片:</legend>
<label for="myimage">个性照片上传</label>
<input type="file" id="myimage" name="myimage" size="35" maxlength="255" />
</fieldset>
<fieldset>
<legend>提交:</legend>
<input type="submit" value="submit" id="submit" name="submit" />
<input type="reset" value="reset" id="reset" name="reset" />
</fieldset>
</form>
分享到:
相关推荐
HTMLFORM表单,input标签的说明.pdf
html input标签样式
使用页面input标签
input所有属性大全,很难收集的,轻轻点击即可获取
简单的jq input标签生成,输入回车生成标签放框里,网上的太复杂就弄了个简单的,会点基础的就能看懂,没弄成插件,希望大家不要喷!可配合datalist使用多一个下拉功能
input标签用回车或空格切割,支持自定义回车和空格,最大标签数等。 代码注释非常详细,相信你肯定拿到手就会用。也是我下载回来的,但是里面内容太过复杂,代码不清晰,我重新整理了一下,并写入了注释说明,一看就...
gwt 获取前台所有input 标签,gwt 获取前台所有input 标签
修改struts标签text,使其支持日期类型的格式化输出。 用法:(例) 如何使用: 1.替换附件中的 struts-html.tld 2.替换附件中的struts.jar 3.页面中遇到Timestamp或Date类型的,自动转换成"yyyy-MM-dd HH:mm:ss"格式...
解决在webview中input标签type="file"不能使用的问题
添加jquery一个些函数实现使用键盘控制表格内的所有input标签的焦点的切换。
主要介绍了jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签的相关资料,需要的朋友可以参考下
非常强大的js表单验证代码,包含各种input标签,还有css代码
html表单a标签,input标签等几种请求ajax提交数据给后台小结
在公司的开发过程中,遇到了一个问题:如何处理 form 表单提交了多个 name 属性值相同的 input 标签?源码如下(源码是在 form 表单之中的): <!--{loop $address $index $one}--> <input type=...
js限制input标签中只能输入中文.docx
Java开发input标签日期控件layDate-v5.0.9,并且不会影响到jsp样式问题,亲测可用
主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示。 为了...
微信小程序中input标签详解及简单实例 使用input标签,我们都会,在微信小程序中使用,必定也是可以一下子就会的,但是却有些常用的属性无法按照习惯去使用: 我就用我最常用的来做例子: 一个一个来解读: 首先,...
本文通过图文并茂的形式给大家介绍了如何用input标签和jquery实现多图片的上传和回显功能,需要的朋友可以参考下
钢琴曲名称: <td><input type=text name=info[gqq_name] id=gqq_name style=width:200px;/> 演奏者: <td><input type=text name=info[gqq_player] id=gqq_player style=width:200px;/