HTML标签之表单标签

Bertha 。 2022-12-26 11:23 235阅读 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 条评论，235人围观）

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

相关阅读

相关 html的表单标签(上)：form标签和input标签

html表单标签的学习

我不是女神ヾ/ 2024年05月06日 21:22/ 0 赞/ 92 阅读

相关表单标签(HTML)

表单标签(HTML) <!DOCTYPE html> <html lang="en"> <head> <meta cha

曾经终败给现在/ 2023年10月03日 12:27/ 0 赞/ 27 阅读

相关 HTML详解（6.html表单标签）

一，表单标签集合 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

矫情吗；*/ 2023年06月30日 10:46/ 0 赞/ 27 阅读

相关 HTML笔记：表单input标签

> 摘要：微信搜索【[三桥君][Link 1]】 > 说明：这是关于HTML5的代码笔记一、理论知识表单标签 from：表单的最外层容器 input：标

短命女/ 2023年03月04日 10:30/ 0 赞/ 170 阅读

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

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

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

相关 HTML标签之表单标签

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

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

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

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

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

相关 HTML表单标签

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

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

相关 HTML--表单类的标签

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

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

相关 HTML--表单类的标签

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

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