HTML的表单标记

一.HTML的表单标记

        表单是实现动态网页的一种主要的外在形式,是HTML页面与浏览器端实现交互的重要手段。这里只介绍如何使用HTML的表单标记来设计表单的外表。

表单信息的处理过程为:当单击表单中的“提交”按钮时,在表单中输入的信息就会从客户端的浏览器上传到服务器中,然后由服务器中的有关表单处理程序(ASP,CGI等程序)进行处理,处理后或者将用户提交的信息储存在服务器端的数据库中,或者将有关的信息返回到客户端浏览器中,这样网页就具有了交互性。这里只介绍如何使用HTML的表单标记来设计表单的外表。

1.表单标记

格式:

action='url' methond='get|post'>....

表单标记

中包含的表单

标记主要有input,select(option),textarea等。

2.输入标记

用来收集用户的输入信息,是一个单标记,其含义由type属性决定。

格式:

type='type__name'/>

常用的type属性值有10种,下面分别介绍。

1️⃣:文本域text用来设定单行的输入文本区域。格式:

maxlength='value' size='value' value='field_value'/>,期中:maxlength为文本域的最大输入字符数:size为文本域的宽度;value用于设置文本域的初始默认值。

2️⃣:密码域password在表单中还有一种文本域的形式为密码域,输入到文本域中的文字均以星号"*"或圆点表示。

        格式:

3️⃣:文件域file用于浏览器通过form表单想web服务器上传文件。

        格式:.

4️⃣:单选按钮radio用于在表单上添加单选按钮。

        格式:,其中:checked表示此项被默认选中:value表示选中项目后传送到服务器端的值,同组中的每个单选按钮的value属性值必须各不相同。

5️⃣: 复选框checkbox用于在表单上添加一个复选框。复选框可以让用户选择一项或多项内容。

        格式:

6️⃣:普通按钮button,普通按钮主要是用来配合程序(如JavaScript脚本)的需要来进行表单的处理。

        格式:,其中:value值代表显示在按钮上面的文字。

7️⃣:“提交”submit,单击“提交”按钮后,可以实现表单内容的提交。

        格式:

8️⃣:“重置”按钮reset,单击“重置”按钮后,可以清除表单内的内容,恢复默认的表单内容设定。

        格式:

9️⃣:图像按钮image用于在表单上添加一张图片做按钮,其功能和提交按钮相同

        格式:

⑩:隐藏域hidden用于在表单上添加一个隐藏的表单字段元素。

        格式:

3.下拉列表框和列表框标记选项二.....

标记对之间。属性如下:

        1.value:该属性用来给

HTML的表单标记_第1张图片

 HTML的表单标记_第2张图片

 

你可能感兴趣的:(html,前端,javascript)