html表单知识点
来源:互联网 发布:java 发送snmp trap 编辑:程序博客网 时间:2024/05/29 19:16
<form name="f1"method="post"action="fdo.php" /> (mwthod 提交方式;attion 提交地址)
文本框:<input type="text" name="username"value="RPG"size="20"maxlength="10"placeholder="输入提示" autofocus readonly disabled />
autofocus或autofocus="autofocus" (页面首次加载时自动获取光标) readonly或raedonly="readonly" (只能阅读,不能修改)
disabled或disabled="disabled" (页面首次加载时禁用此标签)
密码框:<input type="password" name="pwd"value=" "size="20"maxlength="10" />
性别(单选):<input type="radio" name="sex"value="男" checked />男士
<input type="radio" name="sex"value="女" />女士
爱好(多选):<input type="checkbox" name="hobby[]"value="上网" /> 上网
<input type="checkbox" name="hobby[]"value="打篮球" /> 打篮球
<input type="checkbox" name="hobby[]"value="看书" checked /> 看书
<input type="checkbox" name="hobby[]"value="踢足球" checked /> 踢足球
<input type="checkbox" name="hobby[]"value="看电影" /> 看电影
文件:<input type="file" name="upfile" multiple /> (文件上传支持,multiple 支持同时上传多个文件)
按钮:<input type="button" name="btn"value="普通按钮" /> (普通按钮)
<input type="image" src="images/back.JPG" /> (图片按钮设置,点击可跳转界面)
<input type="submit" value="提交按钮" /> (链接按钮设置,点击可跳转界面)
<input type="reset" value="重置" /> (重置按钮)
<input type="hidden" name="typeid"value="158"> (隐藏域设置)
下拉菜单:<select name="language">
<option value="NONE">请选择您最喜欢的计算机语言</option>
<option value="HTML">MTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JavaScript</option>
<option value="ASP">ASP</option>
<option value="PHP"selected>PHP</option>
<option value="JSP">JSP</option>
<option value="ASP.NET">ASP.NET</option>
<option value="Java">Java</option>
</select> (下拉菜单设置)
<textarea name="massage" cols="80" rows="10">请留下你宝贵的建议或意见......</textarea>(文本域)
</form> (表单格式,内需+table+以上格式即可)
表单控件
(1)
例:<lable>用户名:<input type="text" /> </lable>
(2)
例:<lable for="user">用户名:</lable><lable><input type="text" id="user" /> </lable>
文本框:<input type="text" name="username"value="RPG"size="20"maxlength="10"placeholder="输入提示" autofocus readonly disabled />
autofocus或autofocus="autofocus" (页面首次加载时自动获取光标) readonly或raedonly="readonly" (只能阅读,不能修改)
disabled或disabled="disabled" (页面首次加载时禁用此标签)
密码框:<input type="password" name="pwd"value=" "size="20"maxlength="10" />
性别(单选):<input type="radio" name="sex"value="男" checked />男士
<input type="radio" name="sex"value="女" />女士
爱好(多选):<input type="checkbox" name="hobby[]"value="上网" /> 上网
<input type="checkbox" name="hobby[]"value="打篮球" /> 打篮球
<input type="checkbox" name="hobby[]"value="看书" checked /> 看书
<input type="checkbox" name="hobby[]"value="踢足球" checked /> 踢足球
<input type="checkbox" name="hobby[]"value="看电影" /> 看电影
文件:<input type="file" name="upfile" multiple /> (文件上传支持,multiple 支持同时上传多个文件)
按钮:<input type="button" name="btn"value="普通按钮" /> (普通按钮)
<input type="image" src="images/back.JPG" /> (图片按钮设置,点击可跳转界面)
<input type="submit" value="提交按钮" /> (链接按钮设置,点击可跳转界面)
<input type="reset" value="重置" /> (重置按钮)
<input type="hidden" name="typeid"value="158"> (隐藏域设置)
下拉菜单:<select name="language">
<option value="NONE">请选择您最喜欢的计算机语言</option>
<option value="HTML">MTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JavaScript</option>
<option value="ASP">ASP</option>
<option value="PHP"selected>PHP</option>
<option value="JSP">JSP</option>
<option value="ASP.NET">ASP.NET</option>
<option value="Java">Java</option>
</select> (下拉菜单设置)
<textarea name="massage" cols="80" rows="10">请留下你宝贵的建议或意见......</textarea>(文本域)
</form> (表单格式,内需+table+以上格式即可)
表单控件
(1)
例:<lable>用户名:<input type="text" /> </lable>
(2)
例:<lable for="user">用户名:</lable><lable><input type="text" id="user" /> </lable>
0 0
- html表单知识点
- html 表格和表单知识点
- HTML基本知识点——表单和表单元素标记
- html知识点概要(二)——html表单标签
- html基础知识点--表单元素及其相关知识
- html知识点
- Html知识点
- html知识点
- HTML知识点
- HTML知识点
- HTML知识点
- Html知识点
- HTML知识点
- html知识点
- HTML知识点
- html知识点
- HTML知识点
- html表单
- ajax_ajax从json数据中取其中某一值,输出未定义
- Android自定义网络加载中对话框
- win7下electron安装
- jquery.validate file验证jpg图片的坑
- Android 热修复Demo
- html表单知识点
- xsi:schemaLocation详解
- 如何实现Android中的卸载
- Oracle - 创建和管理
- 排序算法
- DevExpress.XtraGrid.GridControl
- Oracle Ebs R12 SLA与GL关系变化
- spring+spring mvc+mybatis配置
- linux下实现生产者-消费者问题