表单标签:
表单标签是最常用的标签,用于与服务器端的交互。
<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>标签的内容