HTML+CSS+javaScript 基础知识(三)

时间:2021-09-10 15:27:31

1.<from>标签

<from>标签用于为用户输入创建HTML表单。

表单能够包含input元素,textarea元素,select元素,fieldset元素等

表单用于向服务器传输数据,但是表单本身并不可见。现在,所有的

浏览器都支持<from>标签。表单提交内容,会在之后的php介绍中再次提及。

2.<input>标签

<input>标签用于搜集用户信息。

根据不同的type属性值,输入字段拥有很多种形式。输入字段是文本字段

(<input   type=”text”> )、复选框(<input   type=”checkbox”> )

、单选按钮(<input   type=”radio”> )、按钮(<input   type=”button”> )等。

首先,我们先看一下单选按钮与复选框,代码如下:

 HTML+CSS+javaScript 基础知识(三)

图(1)代码

当几个radio元素的name属性相同时,单选按钮的选择范围就在其中,也就是说,name属性相同的按钮其中一个被选择时,其他的按钮都会变成为选择状态。

运行结果如下:

 HTML+CSS+javaScript 基础知识(三)

图(2)运行结果

 

我们再来看看文本框和button按钮,代码如下:

HTML+CSS+javaScript 基础知识(三)

图(3)代码

HTML+CSS+javaScript 基础知识(三)

图(4)运行结果

文本框的value值即为文本框的内容,最初的赋值可以改变。比如:

<input type=”text” value=”123” onfocus=”this.value=’456”/>

onfocus是为获取焦点属性,this.value是为当前的value值。上句意为:当这个文本框获取焦点时,改变它原有框内的内容“123”为新的内容“456”。当然,这不是唯一的改变value值的办法。submit和reset同属于button按钮的一种,它的外观与普通的button按钮并无不同,但是sumit按钮是默认提交表单的,而button则需要指定事件来处理处理函数的。至于,reset按钮会将输入框的值恢复到value属性所指定的值。