猫哥带你去战斗——Java Web开发——网页篇[4]——表单

之前所讲的html标签，都是些用来显示的，而网页是可以交互的，可以接受用户的输入，比如输入用户名、密码。所谓表单，就是html提供给用户输入的部分，html通过表单把用户输入提交给服务器。

表单标签为

<form action="##"></form>

，其中##代表服务器地址，这个需要接触到Servlet再讲。标签中间部分放用户输入的内容。

一般用户输入无非有以下这些：

<form action="">
<input type="text" value="这是一个文本输入框"></input>
<br/>
<input type="radio" name="group1" value="单选1">这是一个单选按钮，选我</input>
<input type="radio" name="group1" value="单选2">这是另一个单选按钮，选我</input><br/>
<input type="submit" value="这是提交按钮，点了之后表单内容就提交给服务器了"/>
<input type="button" value="这是一个按钮"></input>
<input type="checkbox" value="复选框1">这是一个复选框</input>
</form>

在这里，还是要一一说明下，有一些细节还是要留意滴。

在

<input type="x1" name="x2" value="x3">x4<input>

这样一个标准格式中，

有x1、x2、x3、x4四个位置，x1最好理解，表示输入标签的类型，比如text是文本框，radio是单选按钮；x2表示标签的名字，服务器靠x2的内容来知道哪个标签是谁。x3和x4要重点区分！以

<input type="radio" na
4000
me="sex" value="男">性别男</input>

为例,“男”是value值，“性别男”是用户看到的值，value值是网页编写者根据”sex”这个标签名称拿到的标签的值，这两个完全可以一样，但是不一样有不一样的好处，最终到了服务器那一边，只需要存储男就行了，存“性别男”的话，不够简洁。唠唠叨叨这么多，其实真正的意思是，一个是给用户看的x4，一个是程序员要用的x3。

刚刚x3、x4位置的区别，猫哥本人到现在也经常区分不开，不过完全没什么妨碍。很多语言例如html、java、js等等，完全可以在写的时候去试，不要死记硬背，试几次，就记住了。去用就是最好的理解编码的方式。

最后，还有一个重量级的交互标签，那就是下拉列表，给个例子先：

<form action="">
<select name="province">
<option value="山东">山东省</option>
<option value="山西">山西省</option>
<option value="湖北">湖北省</option>
<option value="湖南">湖南省</option>
</select>
</form>

这个太容易

<select>

是列表标签，然后它里面每个

<option>

是一个选项，value是选项的值，山东省那个位置是选项的显示内容。

OVER，表单掌握这些，可以了。