HTML表单（基础知识）

你的名字 2022-05-18 06:06 235阅读 0赞

QQ:275487025  
QQ群：854312770  
欢迎各种大牛指点，和小白一起学习。

标单加长外框和标题：

标题：
    <legend>主题</legend>
    
    外边框：
    <fieldset>头部标签</fieldset>尾部标签

表单结构：

<form>.....内容.....</form>

属性 ：name，method，action;  
值：string字符串，给这个表单命名；get/post表单的传输方式；url路径传输目标；  
文本栏：

<input type="text">

密码栏：

<input type="password">

隐藏栏：

<input type="hidden">

属性：name=“栏位名称”；value=“栏位内定制”；size=“栏位显示宽度”；maxlength=“栏位数据输入的最大位数”；placeholder=“隐身字”；readonly=“readonly”（只读，禁止写）；disabled=“disabled”（禁用）；  
复选框（多选的）：

<input type="checkbox">
    单选框：
    <input type="radio">

name=”栏位名称”；value=“内定值’’；checked=”checked”(默认选择)；disabled=“disabled”（禁止选择）；  
窗体栏位（下拉菜单）：

<select name="栏位名称" size="数字">
        <optian value="选项值" selected="selected">（默认选择）
        <optian calue="选项值">
        <oprian calue="选项值">
    </select>

区块栏位（文本域）：

<textarea cols="设置长度";rows="设置高度"></textarea>

上传文件：

<input type="file" name="file">

注意：如果定义上传框fom表单必须定义enctype=“multipart/form-data”否则将接收不到上传信息。  
图像按钮：

<input type="image" src="url（路径）" alt="文本"/>

按钮图像:

<button>
        <img src="URL(路径)">
    </button>

提交按钮：

<input type="submit" value="按钮中显示的文字">
    或者：
    <button type="submit">按钮中显示的文字</button>

重置按钮：

<input type="reset" value="按钮中显示的文字">
    或者：
    <button type="reset">按钮中显示的文字</button>

普通按钮：

<input type="button" value="按钮中显示的文字">
    或者：
    <button type="button">按钮中显示的文字</button>

QQ：275487025

发表评论取消回复

表情：

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

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

相关阅读

相关 HTML5基础学习（7）：登录表单制作、表单知识补充

一、登录表单制作有的时候用户需要填写信息，然后把填写完的信息交给服务器。把数据提交给服务器的动作就需要一个新的知识点：表单。（1）常见的表单控件

素颜马尾好姑娘i/ 2022年12月08日 05:28/ 0 赞/ 174 阅读

相关 HTML基础知识三（超链接、表单）

超链接语法：<a href=”” title=”注释” target=”\_blank（）”> 1、外部链接： <a href=”http://”></a> 2、

喜欢ヅ旅行/ 2022年08月22日 01:11/ 0 赞/ 168 阅读

相关 html表单

表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

灰太狼/ 2022年08月20日 06:22/ 0 赞/ 221 阅读

相关 html5基础知识第三章表单

以下内容是学习期间整理，有些语句是便于理解，便于快速入门写的。并不权威![微笑][smile.gif]。表单是灰常重要的内容；灰常重要的内容；灰常重要的内容

素颜马尾好姑娘i/ 2022年08月10日 06:15/ 0 赞/ 211 阅读

相关 Web基础知识五之Html表单标记

1、列表 1、作用按照一定的结构来显示数据按照从上到下的顺序来显示数据所有的列表都由两部分组成

太过爱你忘了你带给我的痛/ 2022年07月13日 09:13/ 0 赞/ 280 阅读

相关 HTML表单

表单元素本身是指`<form>`，不过它也有一个更广泛的概念，指构成表单的所有元素。首先就`<form>`元素本身来说，主要有两个属性（暂时不用细究，到后面我们还有详细说明

Dear 丶/ 2022年05月27日 09:42/ 0 赞/ 273 阅读

相关 HTML表单（基础知识）

QQ:275487025 QQ群：854312770 欢迎各种大牛指点，和小白一起学习。标单加长外框和标题：标题： <legend>主题</le

你的名字/ 2022年05月18日 06:06/ 0 赞/ 236 阅读

相关 HTML表单

HTML表单(form) 表单作用：与用户交互，把用户输入的数据传送到服务器端，然后服务器端程序验证。表单包含内容：表单控件提示信息表单域 fo

清疚/ 2022年05月17日 00:51/ 0 赞/ 259 阅读

相关 html基础之表单提交方法

最普通最常用最一般的方法就是用submit type..看代码： <form name=”form” method=”post” action=”\"> <input ty

痛定思痛。/ 2022年03月30日 06:16/ 0 赞/ 207 阅读

相关 html表单

表单标签 form表单:所有希望提交给服务器的数据都必须放在form表单里面表单提交: 1.可以通过按钮提交 2.通过js提交 3.通过图片提交 a

朱雀/ 2021年11月17日 03:32/ 0 赞/ 432 阅读