第十七章用CSS建立表单


 


1.表单输入类型

1.1 主体框架

是表单的外框架。

1.2 文本输入框

它有五个属性值:

文本:

1
<input type="text" name="text" size="50px"value="theText" align="right" maxlength="5"/>

这是一个输入文本框,它的name为text,最大宽度是50排序,其预设内容为theText,向右对齐,最多能够输入5个字符

1.3 单选按钮(radio)

单选:

1
2
3
4
5
<input type="radio" name="g1" checked="true"/>

<input type="radio" name="g1"/>

<input type="radio" name="g1"/>

其中name如果同样的话,就将其归为一组,那么这三个按钮只能选择其中一个

如果checked为true,按钮就会被选中

1.4 复选按钮(checkbox)

多选:

1
2
3
4
5
6
7
<input type="checkbox" name="g2" checked="true"/>化学

<input type="checkbox" name="g2"/>数学

<input type="checkbox" name="g2"/>语文

<input type="checkbox" name="g2"/>物理

name可以用于归类,服务器处理数据的时候就会把它们归为一组

checked用于勾选

1.5 密码输入框(password)

1
密码:<input type="password"/>

内容会变成原点

1.6
普通按钮(button)、提交按钮(submit)、重设按钮(reset)、图像按钮(image)

1
2
3
4
5
6
7
普通按钮:<input type="button" name="button" value="普通按钮"/>

提交按钮:<input type="submit" name="submit" value="提交"/>

重设按钮:<input type="reset" name="reset" value="重设"/>

图像按钮:<input type="image" name="image" value="图像"src="Button/background.gif"/>

提交按钮会向服务器发送东西

重设刷新并初始化网页

图片按钮用src来加入图片

图片按钮中的字显示不出来

1.7 多行文本框