黑马程序员-html之表单组件<form>,下拉菜单<select>,文本域<textarea>

表单标签：

表单标签是最常用的标签，用于与服务器端的交互。

<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>标签的内容