HTML标签之表单标签

Bertha 。 2022-12-26 11:23 213阅读 0赞

#### 1 ： 表单标签: ####

`<form></form>`

表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

属性 ：

action = '接口地址'
    
    method = 'get / post'
    
    name = '表单名称'

#### 2 ： 表单控件: ####

`<input>`

属性：

type = '控件类型'
    
    name：属性标识表单域的名称；
    
    Value：属性定义表单域的默认值，其他属性根据type的不同而有所变化。
    
    maxlength：控制最多输入的字符数，
    
    Size：控制框的宽度（以字符为单位）

*1）文本框:*

<input type="text" value="默认值"/>

*2)密码框:*

<input type="password" />

*3)提交按钮:*

<input type="submit" value="按钮内容" />

*4)重置按钮*

<input type="reset" value="按钮内容" />

*5)空按钮:*

<input type="button" value="按钮内容" />

**单选按钮组:**

<input type=“radio” name=“ral” />男
    <input type=“radio” name=“ral”
    checked=“checked”/>(默认选中)女

**复选框组:**

<input type="checkbox" name="" />
    <input type="checkbox" name="" disabled="disabled" />
    * disabled="disabled" (禁用)
    * checked="checked" (默认选中)

**下拉列表（菜单）:**

<select >
    <option>选项1</option>
    <option>选项2</option>
    …………
    </select>

*  表示下拉列表，name属性不是必须的
 *  默认选择项用selected属性；

**表单域多行文本定义：**  
语法:

<textarea name="" cols="" rows="" ></textarea>

*  多行文本。rows属性和cols属性用来设置文本输入窗口的高度和宽度，单位是字符。
 *  阻止浏览器对窗口的拖动设置:\{resize:none;\}（css属性）

**上传文件：**  
语法：

<input type="file">

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关网页设计：HTML表单标签

> 表单包含三个基本组成部分：表单标签、表单域、表单按钮。 1，表单标签 HTML 表单用于收集用户输入，表单使用`<form>` 标签创建。表单可包含文本字段、复选框

迷南。/ 2022年12月26日 11:25/ 0 赞/ 149 阅读

相关 HTML标签之表单标签

1 ：表单标签: `<form></form>` 表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素

Bertha 。/ 2022年12月26日 11:23/ 0 赞/ 214 阅读

相关表格标签、表单标签

表格标签、表单标签文章目录表格标签、表单标签表格标签\`\` <table></ta

曾经终败给现在/ 2022年08月31日 11:04/ 0 赞/ 336 阅读

相关 html基本标签，列表标签，超链接标签，表格标签，块级标签，行级标签，表单标签，文本域标签，表单标签

8基本标签列表标签：无序列表 <ul></ul> 定义一个无序列表列表条目项标签 <li></li>,用于在效果中定义一个类表的条目无序的有序列表 <ol

末蓝、/ 2022年06月06日 02:44/ 0 赞/ 355 阅读

相关 HTML表单标签

1、 <form>标签提供给用户输入的表单标签， type表示控件类型，为可选，默认为text。 name表示提交的参数名， value表示显示

野性酷女/ 2022年05月31日 11:40/ 0 赞/ 288 阅读

相关 html标签及提交表单样式

前文： html表单提交项的基本用法，用于个人查询使用一、标签 ![2019040319060218.png][] ![watermark_type_

女爷i/ 2022年05月15日 13:44/ 0 赞/ 432 阅读

相关 HTML元素标签、表单元素详解

<html lang="en"> <head> <meta charset="UTF-8"> <title>网页的标题</title> </he

末蓝、/ 2022年04月18日 03:13/ 0 赞/ 376 阅读

相关 SpringMVC表单标签和表单标签简介

SpringMVC<from:form>表单标签和<input>表单标签简介在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签，这些标

柔情只为你懂/ 2022年03月20日 01:16/ 0 赞/ 378 阅读

相关 HTML--表单类的标签

表单 5.表单元素——checked属性任务描述相关知识代码文件 6.表单元素——disabled 属性

╰+攻爆jí腚メ/ 2021年05月16日 20:37/ 0 赞/ 829 阅读

相关 HTML--表单类的标签

HTML--表单类的标签 1.表单元素——文本框 1.1任务描述 1.2相关知识代码文件 2.表单元素——文本

柔光的暖阳◎/ 2021年05月16日 20:37/ 0 赞/ 648 阅读