web前端开发基础入门第二弹

精彩内容

上一期我们简单的认识了常用标签，这期我们来学习一下如何利用表单实现与网站浏览者的交互。首先介绍一下什么是表单？表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在form/form标签之间。

formmethod=传送方式action=服务器文件/form

1.form：form标签是成对出现的，以form开始，以/form结束。

2.action：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.PHP)。

3.method：数据传送的方式（get/post）

下面来认识一下表单控件标签

文本输入框、密码输入框

语法：

form

　　inputtype=text/passwordname=名称value=文本/

/form

1、type：

当type=text时，输入框为文本输入框;

当type=password时,输入框为密码输入框。

2、name：为文本框命名，以备后台程序ASP、PHP使用。

3、value：为文本输入框设置默认值。(一般起到提示作用)　　

文本域，支持多行文本输入

语法：

textarearows=行数cols=列数文本/textarea

1、textarea标签是成对出现的，以textarea开始，以/textarea结束。

2、cols：多行输入域的列数。

3、rows：多行输入域的行数。

4、在textarea/textarea标签之间可以输入默认值

用户可选择的单选框、复选框

语法：

inputtype=radio/checkboxvalue=值name=名称checked=checked/

1、type:

当type=radio时，控件为单选框

当type=checkbox时，控件为复选框

2、value：提交数据到服务器的值（后台程序PHP使用）

3、name：为控件命名，以备后台程序ASP、PHP使用

4、checked：当设置checked=checked时，该选项被默认选中

使用下拉列表框，节省空间

语法：

selected

　　option选项一/option

　　option选项二/option

　　option选项三/option

/selected

1.将选项二设置为显示选项的方法：

optionselected=selected选项二/option

2.下拉菜单多选项的操作方法

windows系统下，按住ctrl，点击