基本属性和表单
来源:互联网 发布:一淘和淘宝联盟区别 编辑:程序博客网 时间: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"
- 基本属性和表单
- HTML5表单的基本属性和使用方法
- h5表单基本属性
- 表单标签基本属性
- html的表单标签及基本属性
- HTML5表单元素和表单属性
- 表单属性:method和enctype
- 表格和表单、表单的基本结构、表单元素、表单的高级应用、表单语义化
- 智能表单的应用和新增的表单属性
- jQuery 表单元素和表单对象属性的过滤选择器
- html5篇——新增表单元素和表单属性
- iframe和form表单的target属性
- 属性表单和向导的创建
- 属性页表单和向导页
- 表单的action属性和提交按钮
- 自定义html标签和表单属性
- 表单元素属性readonly和disabled对比:
- form表单常用的属性和方法
- 百度地图API开发指南
- 定制替换Android桌面(home screen)
- linux内核网络协议栈学习笔记(3)
- 超链接伪类样式
- nodejs简单应用一(监听服务)
- 基本属性和表单
- axis wsdl2java 使用
- 在Javascript定义对象
- PHP手册-魔术函数
- html 基本标签
- nodejs简单应用二(读写文件)
- ssis服务配置中指定的SQLServer不存在或不可用
- Win7 旗舰版安装Oracle10gR2兼容性问题
- vs2010中添加项目中找不到EntityFramework实体框架解决办法