基本属性和表单

来源:互联网 发布:一淘和淘宝联盟区别 编辑:程序博客网 时间:2024/06/04 19:02

表单元素

语法

<form method="post" action="">

<input type="text" value="文本框初始值" size="文本框尺寸" name="文本框名字"/>

</form>

表单元素<input>的属性

1.【type】 制定表单元素的类型,可用的选择项有text、password、checkbox、radio、submit、reset、file、hidden、

image、button默认为text】;

2.【name】制定表单元的名称;

3.【value】制定表单元素的初始值;

4.【size】制定表单元素的处置宽度、如果type为text或者password,则表单元素的大小以字符为单位,对于其他元素

宽度以像素为单位;

5.【maxlength】制定可在text或者password元素中输入的最大字符数,默认不做限制;

6.【checked】 此属性只有一个值,为“checked”表示选中状态,如果不选中,则不需添加次属性

表单元素<input>的用法

【text】 单行文本输入 <input type="text" name="username"/>

【password】 密码 <input type="password" name="password"/>

【radio】 单选 <input type="radio" name="sex" value="男"/>男

                         <input type="radio" name="sex" value="女"/>女

【checkbox】 多选 <input type="checkbox" name="hobby" value="书"/>书

                               <input type="checkbox" name="hobby" value="画"/>画

                              <input type="checkbox" name="hobby" value="琴"/>琴

【reset】 重置表单数据 <input type="reset"  value="重置"/>

【file】文件上传 <input type="file" name="files" />

【submit】 提交表单数据 <input type="submit"  value="提交"/>

【image】 图形提交按钮<input type="image" src="images/button.gif"/>

【button】 普通按钮 <input type="button"  value="播放音乐"/>

下拉列表框

语法:

<select name="指定列表名称" size="行数">

<option value="可选择的值" seleted="seleted">...</option>

<option value="可选择的值" >...</option>

......

</select>

多行文本域

语法:

<textarea name="textarea" cols="40" rows="6">初始文本内存</textarea>

隐藏域

语法:

<input type="hidden" name="userid" value="666"/>

只读和禁用属性

语法:

readonly="readonly"

原创粉丝点击