HTML-----表单标签

最新推荐文章于 2024-07-16 15:20:45 发布
最新推荐文章于 2024-07-16 15:20:45 发布
阅读量238 收藏
点赞数
分类专栏： HTML 文章标签： HTML表单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42853707/article/details/81866621
版权 
<input/>单标签
<input type="text(文本)"/>

type属性：

  1. text （单行文本输入框）
  2. password（密码输入框）
  3. radio（单选按钮）
  4. checkbox（复选框）
  5. button （普通按钮）
  6. submit（提交按钮）
  7. reset（重置按钮）
  8. image（图像形式的提交按钮）
  9. file（文件域）
    name 自定义 控件名称
    value 自定义 input控件中的默认文本值
    size 正整数 input 控件在页面中的显示宽度
    checked checked 定义选择控件默认被选中的项
    maxlength 正整数 控件允许输入的最多字符数
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单设置</title>
</head>
<body>
    <table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
        <caption><h3 style="color: pink;">青春不常在，抓紧谈恋爱</h3></caption>
        <tr height="60">
            <td>性别</td>
            <td style="color: blue;">
                <img src="boy.jpg" />男<input type="radio"  name="sex" />
                <img src="girl.jpg" />女<input type="radio" name="sex" />
            </td>
        </tr>
        <tr height="60">
            <td>生日</td>
            <td>
                <select name="" id="">
                    <option value="">选择年份</option>
                    <option value="">142</option>
                    <option value="">2234</option>
                    <option value="">3342</option>
                    <option value="">2124</option>
                </select>
                <select name="" id="">
                    <option value="">选择月份</option>
                    <option value="">1月份</option>
                    <option value="">2月份</option>
                    <option value="">3月份</option>
                    <option value="">2月份</option>
                </select>
                <select name="" id="">
                    <option value="">选择日</option>
                    <option value="">1号</option>
                    <option value="">2号2</option>
                    <option value="">3号</option>
                    <option value="">2号1</option>
                </select>
            </td>
        </tr>
        <tr height="60">
            <td>所在地区</td>
            <td >
                <input type="text" value="北疆" style="color：gray；" />
            </td>
        </tr>
        <tr height="60">
            <td>所在地区编码</td>
            <td >
                23 <input type="checkbox" />
                34 <input type="checkbox" />
                56 <input type="checkbox" />
                67 <input type="checkbox" />
            </td>
        </tr>
        <tr height="60">
            <td>用户名</td>
            <td >
                <input type="text" />
            </td>
        </tr>
        <tr height="60">
            <td>密码</td>
            <td >
                <input type="password" maxlength="6" />//控制最多输入6个字
            </td>
        </tr>


        <tr height="60">
            <td>注册</td>
            <td >
                <input type="button" value="注册" />
                <input type="button" value="提交"  />
                <input type="button" value="失败" />
                <input type="image" src="zhuce.jpg" />
            </td>
        </tr>
        <tr height="60">
            <td>上传头像</td>
            <td >
                <input type="flie" >
            </td>
        </tr>
        <tr height="60">
            <td>自我介绍</td>
            <td >
                <textarea width= "500"></textarea><!--多行文本框-->
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td ><!--图像按钮-->
                <input type="image" src="zhuce.jpg" >
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td > <!--选择-->
                我同意 <input type="checkbox" />
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td >
                <ins>我是会员立即注册</ins>
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td >
                <h3>我承诺</h3> 
                <ul>
                    <li>辅导班v</li>
                    <li>发给你发</li>
                    <li>vfbf</li>
                    <li>房间打开</li>
                </ul>
            </td>
        </tr>
    </table>
</body>
</html>
羊咩咩和喵呜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
12-表单标签.html
12-19
12-表单标签.html
HTML基础——表单标签
XJAxwwan_的博客
05-06 4753
在我们上面的单选框及多选框中，要想选中，只能在小圆圈和小方框中点击，这就会造成一个问题，对于眼力不太好的人，如老年人来说，就会比较麻烦，不好点中。<form>标签是用户制作HTML表单标签的基础，它的作用是用于将其他表单标签包裹起来，以便将个标签的内容作为一个整体，可以一起提交给后台。input是一个单标签，它可以根据type属性值的不同，展示不同的效果，在网页中显示收集用户信息的表单效果。此时，它有三个type属性：submit、reset、button，作用与在input中作为属性的作用相同。
HTML常用标签之表单标签
m0_61794291的博客
01-21 3368
HTML常用标签之表单标签前言一、表单域二、表单元素1.input 输入表单元素2.select 下拉表单元素3.textarea 表单元素 前言 在网页中，我们需要跟用户进行交互，手机用户资料，此时就需要用到表单标签 在HTML中，一个完整的表单通常由表单域、表单控件（表单元素）和提示信息三个部分构成 一、表单域 表单域是一个包含表单元素的区域 在HTML标签中，<form>标签用于定于表单域，以实现用户信息的收集和传递 <form>会把它范围内的表单元素信息提交给服务..
表单标签详解-一次搞定表单标签
最新发布
xycxycooo的博客
07-16 692
表单标签是HTML中用于创建用户输入表单的重要元素，通过等标签，我们可以创建各种输入控件，收集用户数据并提交到服务器。掌握这些标签的用法，可以让我们更好地设计和实现用户友好的表单界面。
【表单标签（知识点超全版本）】
Hey_Coder
05-04 5998
表单标签1.表单标签1.1 表单标签 有哪些 ?1.2 HTML5 中的表单标签 有哪些 ?1.3 如何 为用户输入 创建 HTML 表单 ?1.4 如何 搜集 用户输入的信息 ?1.4.1 输入标签 有哪些常用属性 ?1.4.2 HTML5 中,输入标签 新增的属性 有哪些 ?1.4.3 输入元素的 类型有哪些 ?1.5 如何定义 多行文本输入 ?1.6 如何定义一个 按钮 ?1.7 如何创...
表单标签概述及详解
qq_40208605的博客
04-04 4298
1.1表单标签概述1.1.1什么是表单标签 我们去银行办理一些业务的时候，我们通常需要填写一些纸质单据，而如果我们在网页中需要填写一些单据呢？我们可以通过HTML的表单来实现。例如： 1.2表单标签详解1.2.1输入项标签 <input/>标签 表单输入项标签之一，用户可以在该标签上 通过填写和选择 进行数据的输入。 Ø type:设置该标签的种类 ü text...
HTML 表单标签
weixin_45904557的博客
02-28 8093
一、什么是表单标签 表单是用来采集用户的输入数据，然后将数据提交给服务器 二、表单的组成 一个表单有三个基本组成部分： ①表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。 ②表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 ③表单按钮：包括提交按钮、复位按钮和一般按钮； 三、表单标签 表单标签＜form＞＜/form＞ 功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据
(完整word版)HTML标签-按功能分类.doc
11-15
3. **表单标签**： - `<form>`：定义用户输入的表单。 - `<input>`：定义各种类型的输入控件，如文本框、按钮等。 - `<textarea>`：定义多行文本输入。 - `<button>`：定义按钮。 - `<select>`：定义下拉列表。...
HTML-表单标签制作注册页面
07-22
HTML中使用表单标签制作注册页界面，表单标签重要的是使用type属性
Go-formam-将表单的值解码成一个结构体
08-13
"Go-formam-将表单的值解码成一个结构体"这个主题聚焦于如何高效且便捷地将用户通过HTML表单提交的数据解析并映射到Go语言的结构体中。`formam`库提供了一个解决方案，它简化了这一过程，使得开发者可以更方便地操作...
实验2-开始JavaScript编程.docx
12-21
- JavaScript代码通常嵌入在HTML文档中，通过`<script>`标签引入。如实验中的例子，`<script type="text/javascript">`用于定义JavaScript代码段。 - 可以通过`<input>`标签的`style`属性来控制元素的显示状态，如...
HTML小白入门学习-表单标签
weixin_45125466的博客
01-29 996
HTML标签千千万，要学习的占一半。上篇文章中我们学习了列表标签，针对有序列表、无序列表、自定义列表和嵌套列表进行简单的学习了解和实操。本篇文章将为大家介绍另一种常用标签，那就是表单类标签。我们在网页中经常会看到表单的出现，最常见的就是登录界面，登录界面一般包含用户名、密码、勾选协议以及登录按钮，有些还要填写其他信息。我们今天来介绍几种常用的表单类标签：分别是、、、、、。
表单标签的介绍与使用（有实现案例）
smilehjl
12-11 1356
2. cols=“每行中的字符数” ，rows=“显示的行数”，我们在实际开发中不会使用，都是用 CSS 来改变大小。使用场景: 当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 <textarea> 标签。使用场景: 在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用标签控件定义下 拉列表。在英文单词中，input 是输入的意思，而在表单元素中 <input> 标签用于收集用户信息。在表单元素中，<textarea> 标签是用于定义多行文本输入的控件。
HTML表单标签
2302_76643111的博客
04-27 1049
表单元素是指不同类型的input元素、文本框、密码框、下拉列表框、单选按钮、提交按钮等等，一般由ingput、textarea、select标签构成，需要放到from标签内使用。元素根据type不同的属性取值可以有不同的形态。创建一个表单，设置html名称为注册页面，传送方式为 post，当用户提交表单时，提交至 demo.html 页面进行处理。使用或时，要保证选择对象的名称相同（name）。元素有很多种形态，根据type的属性不同。
表单标签详解
m0_72313625的博客
07-12 4022
表单元素一共可以分为input输入表单元素 select下拉表单元素 textarea文本域表单元素
html中的表单标签
weixin_51182359的博客
04-23 3488
html 中的表单标签介绍
表单的标签及其使用
szydqq的博客
03-09 4180
表单以及标签
表单标签
qq_39093474的博客
08-27 798
1.什么是表单标签 作用：专门用来收集用户信息的 2.什么是表单元素 在html中，标签/标记/元素都是指html中的标签，比如a标签/a标记/a元素 3.表单的格式 &lt;form&gt;     《表单元素》   &lt;/form&gt; 4.常见的表单元素 1.input标签：input标签有一个type属性，这个属性有很多类型的值，取值的不同决定了input标签的功能和外...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值