HTML---表单标记

作者: Wovw | 来源:发表于2020-11-07 16:24 被阅读0次

1.表单标记

表单就是在网页上用于输入信息的区域,它的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。(如注册页面)

表单主要由3部分构成,分别为表单控件、提示信息和表单域

* 表单控件:表单功能项(输入框、按钮)

* 提示信息:表单控件前的说明文字

* 表单域:容纳所有的表单控件和提示信息

(1)创建表单<form>

在HTML中,<form>标记用于定义表单域,即创建一个表单。

基本语法格式: <form action=“url地址” method=“提交方式” name=“表单名称”>各种表单控件</form>

其中,action属性用于指定表单提交的地址。

method属性用于设置表单数据的提交方式,取值为GET或POST。其中,GET为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差且有数据量限制。而使用POST提交方式不但保密性好,还可以提交大量的数据,所以开发中通常使用POST方式提交表单。

(2)表单控件<input>

基本语法格式:<input type=“控件类型” />

属性:

id---控件的ID值

name---控件的名称

value---控件中默认值

size---控件在页面中的显示宽度

(3)演示(部分代码)

代码 网页

密码输入框中内容为不可见状态,单选按钮只能选择一个值,而复选框可以选择多个值。

2. HTML的多行文本标记:

使用<input />标记可以定义单行文本输入框。

使用<textarea></textarea>标记可以创建多行文本框。

(1)基本语法格式:

<textarea cols="每行中的字符数" rows="显示的行数">

        文本内容

</textarea>

(2)案例(部分代码)

cols属性用于设置文本框每行的字符数为60,rows属性用于设置文本框的行数为10行,<textarea>标记之间的文字为默认显示文本,该文字可以被用户修改或删除,这里起提示作用。

相关文章

  • HTML---表单标记

    1.表单标记 表单就是在网页上用于输入信息的区域,它的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。...

  • HTML---

    div是英文Division的缩写,意为“分割、区域”。简单而言就是一个区块容器标记,可以将网页分割为独立的、不同...

  • HTML---单标记和双标记

    通常将HTML标记分为两大类,分别是“单标记”与“双标记”。 1.单标记: 是指用一个标记符号即可完整地描述某个功...

  • HTML---图像标记和表格标记

    1.图像标记 基本语法格式: src属性用于引入图片,指定图像文件的路径,包括绝对路径或相对路径(同级目录(同一文...

  • HTML---列表标记和超链接标记

    列表标记分为有序列表和无序列表 1.无序列表 无序列表的各个列表项之间没有顺序级别之分,通常是并列的。 (1)基本...

  • HTML中表单的创建和处理的一些基本知识

    表单的基础结构:表单的开始标记 和结束标记, 控件和处理表单的方法。【input元素是一个空元素,所...

  • HTML表单标签

    表单:专门用来搜集用户信息 元素:在HTML中 标签、标记、表单都是指HTML中的标签如: a标签、a标记、a...

  • 表单标记元素

    地址(在其后面加上需要查找的元素):MDN 表单标记元素 一系列元素,主要用于收集用户数据 form元素 通常,会...

  • HTML表单设计

    1. 表单标记 ... 。表单提交时的内容就是 表单中的内容。 基本格式 ... 常用属性name (表单名称)...

  • HTML---文本控制与文本样式标记

    1.段落标记 和换行标记 基本语法格式: 文本 2.文本样式标记 在HTML中,使用 标记控制网页中文本的样式。...

网友评论

    本文标题:HTML---表单标记

    本文链接:https://www.haomeiwen.com/subject/uccumktx.html