网站搭建

【NB】HTML网页设计:表单

agew · 4月17日 · 2021年

啊这,这期绝对不水
这期可能就没了
下次都是css哈

往期:
#【NB】HTML网页设计:HTML基本结构#
#【NB】HTML网页设计:网页的基本标签#
#【NB】HTML网页设计:超链接#
#【NB】HTML网页设计:列表#
#【NB】HTML网页设计:网页简单布局#

【NB】HTML网页设计:表单插图

================================================
1.表单
        表单是一个包含表单元素的区域,HTML表单用于搜集不同类型的用户输入,表单元素是允许用户在表单中输入内容,如:文本框、密码框、单选框、多选框、按钮、下拉框、滑块等。

一个表单有三个基本组成部分:

表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法
表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等
表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作

表单的语法结构如下:

【NB】HTML网页设计:表单插图(1)

注意:

(1) 

标签用于定义HTML表单,为双标签,一个表单中的所有内容都要写在这个

之间。
(2) action属性指向的地址是表单的数据所发送到的服务器,默认为当前页面。
(3) method属性规定用于发送表单数据的HTTP方法,其中:

get:默认的提交方式,get方式提交的数据会在地址栏中显示出来,很不安全,所能提交的数据量比较小,效率高。
post:效率低,安全,携带大量的数据,不会在地址栏中显示。
(4) name属性规定表单的名称。

1.1 文本框
        当用户要在表单中键入字母、数字等内容时,就会用到文本框,其语法结构如下:

【NB】HTML网页设计:表单插图(2)

注意:表单本身并不可见,在大多数浏览器中,文本字段的默认宽度是 20 个字符

1.2 密码框
        当用户要在表单中键入密码等内容时,就会用到密码框,其语法结构如下:

【NB】HTML网页设计:表单插图(3)

1.3 单选框
        当用户在若干给定的选择中只选取一个选项时,就会用到单选框,其语法结构如下:

【NB】HTML网页设计:表单插图(4)

注意:name属性值相同的一组单选框可实现组内单选

1.4 多选框
        当用户需要在若干给定的选择中选取一个或若干选项时,就会用到多选框,其语法结构如下:

【NB】HTML网页设计:表单插图(5)

   同单选框,想要实现一组选项的多选也需要将name属性值设为同一个值
1.5 按钮
(1) 提交按钮

        提交(submit)按钮语法结构如下:

【NB】HTML网页设计:表单插图(6)

(2) 重置按钮
        重置(reset)按钮语法结构如下:

【NB】HTML网页设计:表单插图(7)

(3) 普通按钮
        普通按钮语法结构如下:

【NB】HTML网页设计:表单插图(8)

================================================
放不下了!
评论更新[滑稽][心碎][玫瑰][大拇指][阴险][太开心]
开启楼主模式观赏更加

0 条回应