黑马程序员-html之表单组件<form>,下拉菜单<select>,文本域<textarea>
来源:互联网 发布:vmware12安装mac os x 编辑:程序博客网 时间:2024/06/05 08:19
表单标签:
表单标签是最常用的标签,用于与服务器端的交互。
<input>:输入标签,接收用户的输入信息,其中的type属性指定输入标签的类型,必须知道的有10个
1、文本框 text:输入的文本信息直接显示在框中
2、密码框 password:输入的文本信息以原点或星号的形式显示
3、单选框 radio:例如:性别选择框
4、复选框 checkbox 例如:兴趣选择
5、隐藏字段 hidden :在页面中不显示,但在提交的时候,随其他内容一起提交
6、选择文件 file
7、图片 image:具备提交效果,功能是提交数据
8、按钮 button :为按钮添加事件,用onClick属性
9、reset :清空按钮
10、submit :提交按钮
注意:1、单选框,在使用时必须将所有的单选选项指定到一个组了,否则实现不了单选效果,eg:性别选择 <input type=”radio” name=”sex”>男
<input type=”radio” name=”sex”>女
2、<input type=”reset” value=”清除数据”/>
<input type=”submit” value=”提交数据 ” checked=”checked”>
3、特别注意:表单的组件必须指定name 和value属性。Eg:
<input type=”text” name=”user” value=””>
为什么要这么做呢?Value对于需要输入内容再提交(用户名,密码)无用,但是也必须写,value=””,像其他组件单选,复选就用到了,<input type=”radio” name=”sex” value=”nan”>
否则服务器都不知道提交的是什么内容。
4、<input type=”button” value=”按钮” onClick=”alert(“一个按钮”)”/>
下拉菜单<select>
<select name="country">
<option value="none">选择国家</option>
<option value="usa">英国</option>
<option value="ca" selected="selected">中国</option>
</select>
注意也必须有name value属性
文本域:<textarea>
<textarea name=”text”> </textarea>
注意 <select>与<textarea>也是<form>标签的内容
- 黑马程序员-html之表单组件<form>,下拉菜单<select>,文本域<textarea>
- 黑马程序员--HTML基础之Form表单
- Html form <select>下拉列表菜单与跳转菜单表单标签篇
- HTML:form表单总结,input,select,option,textarea,label
- <学习html>第七天笔记-表单标签(textarea控件、下拉菜单、表单域)
- 29-HTML-13-HTML(表单组件-select&textarea)
- 敏捷思维学习Ext.Net MVC--3.9Form表单组件之多项选择下拉菜单
- 表单控件(文本域textarea)
- 黑马程序员之HTML表单大全
- html 之表单form
- 表单美化之textarea文本域背景的美…
- form表单 input textarea 下拉框及display
- javascript使用html中form表单中的select类建立级联菜单
- html 原生下拉菜单 select ,多选 multiple
- HTML联动下拉框的内容使用js显示到文本域textarea
- HTML 表单,单选框,复选框,下拉列表,<textarea>
- 黑马程序员-HTML表单元素
- 黑马程序员——HTML练习之表单
- Linux学xí笔记之——普通用户使用sudo命令
- Longest Repeated Sequence
- (9)Struts2的输入校验
- Arithmetic Expression
- 网站用户行为数据统计与分析之四:logstash及其配置
- 黑马程序员-html之表单组件<form>,下拉菜单<select>,文本域<textarea>
- PHP基础之字符串比较
- .Net4.0 安装时发生严重错误,无法安装
- android 编程技巧总结
- ffmpeg 转AAC时出现Unable to find a suitable output format for
- memcache在游戏中的应用
- 《大型网站技术架构》读书笔记 (转载请注明来源:http://zhanjia.iteye.com/blog/2038540)
- 基于phantomjs二次开发的百度元搜索采集器
- Ubuntu12.04配置NVIDIA cuda5.5经验帖