html表单控件

最新推荐文章于 2025-05-28 13:16:55 发布
原创 最新推荐文章于 2025-05-28 13:16:55 发布 · 610 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #表单 #控件 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--action处理用户数据信息  method:get  method:post 处理方式-->
<!--get数据提交 通过地址栏的方式进行数据提交,将用户输入的信息显示出来-->
<!--post数据提交，通过后台进行提价，不会将用户信息显示出来，安全性比较好-->
<form action="" method="post">
    用户名:<input type="text" name="username">
    密码:<input type="password" name="pwd">
    <input type="submit">
</form>
表单控件<br>
<!--maxlength设置文本输入框最多能输入多少字符-->
<!--readonly="readonly"设置文本输入框只读，不能编辑-->
<!--disabled="disabled" 非激活状态-->
<!--name="username" 设置输入框名称-->
<form>
    <fieldset>
        <legend>用户注册</legend>
        用户名:<input type="text" maxlength="6" readonly="readonly"
                   disabled="disabled" name="username" value="用户名">
        <br>
        密码：<input type="password">
        <br>
        <!--单选按钮-->
        性别：<input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女

        <br>
        <!--下拉列表-->
        出生地：
        <!--multiple="multiple"下拉列表多选属性-->
        省：<select>
        <option>山东</option>
        <option>山西</option>
        <option selected="selected">北京</option>
        <option>河北</option>
        <option>湖南</option>
        <option>江西</option>
        <option>广东</option>
    </select>
        区：<select>
        <optgroup label="北京市">
            <option>西城区</option>
            <option>东城区</option>
            <option>海淀区</option>
            <option>昌平区</option>
        </optgroup>
    </select>
        <br>
        <br>
        兴趣爱好：
        <input type="checkbox" checked="checked">抽烟
        <input type="checkbox">喝酒
        <input type="checkbox">烫头
        <input type="checkbox">泡妞
        <br>
        <br>
        自我介绍：
        <textarea></textarea>
        <br>
        <br>
        头像：
        <input type="file">
        <br>
        <br>
        <!--表单提交按钮-->
        <input type="submit" value="登录">
        <!--普通按钮 不能进行表单提交-->
        <input type="button" value="普通按钮">
        <!--重置按钮-->
        <input type="reset">
        <!--图片按钮-->
        <input type="image" src="../jdwangye/images/close.png">
    </fieldset>
</form>
</body>
</html>

使用 HTML5 轻松验证表单插件
欢迎来到瑆箫博客，专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等，助你掌握新技术，优化技能，激发编程热情。
03-11 408
值得庆幸的是，HTML5 为我们提供了许多可以处理您的大部分验证需求的功能。 字段使用“max”和“min”属性来创建一系列可能的值——在我们的示例中，我们将允许的最小年龄设置为 18 岁（可惜你可以是任何年龄想上网）。通过设置我们字段的“title”属性，我们可以添加额外的提示来说明我们的规则验证期望的值。属性时，浏览器期望遵循某种模式，但它是非常宽松的，并且像“ z@zz ”这样的电子邮件被认为是有效的（继续阅读以了解如何解决这个问题）。在此字段中提供一个值。
html表格控件tableview-1.1.2
09-20
html表格控件，带示例，使用方便，适合新手，不妨下来看看，jquery封装的方法，兼容性好。比较漂亮。
HTML 表单控件类型大全：文本框、密码框、文件上传全掌握
吴师兄大模型的博客
01-29 1311
在现代 Web 开发中，HTML 表单（<form>）是用户与网站进行交互的关键工具。无论是用户登录、注册、提交反馈，还是上传文件、筛选数据，几乎所有的在线操作都离不开表单控件的使用。然而，许多开发者在编写 HTML 表单时，往往只是简单地堆砌输入框和提交按钮，而忽略了表单控件的多样性及其最佳实践。这样不仅影响用户体验，还可能导致数据提交的安全隐患。本篇文章将全面解析 HTML 表单的各种控件类型，包括文本框、密码框、单选框、复选框、文件上传、日期选择以及范围选择等。
HTML表格列宽调整实战：使用ZTable插件
weixin_29050829的博客
05-28 691
除了预定义的事件之外，ZTable允许开发者绑定自定义事件，以便在特定的条件下触发。这可以通过on方法完成，该方法接受两个参数：事件名称和一个回调函数。var table = $('#myTable').ZTable({ /* 初始化配置 */ });// 绑定自定义事件');});// 触发自定义事件在实际开发中，自定义事件可以用来实现复杂的交互逻辑，比如在特定操作后刷新数据。
【HTML5】html5中列表、表格、表单控件、浮动框架及结构化标签知识详解大全
zhongqingtian的博客
05-18 569
【HTML5】html5中列表、表格、表单控件、浮动框架及结构化标签知识详解大全
可嵌入您系统的在线 Excel 提供独立的表格编辑器 基于 HTML 5 的纯 JavaScript 表格控件
07-23
经过 30 年来在控件领域的不断积累，葡萄城已经成为全球最大的控件提供商，旗下多款产品在国际软件行业屡获殊荣，并且在全球被数十万家企业、学校和政府机构等选用。 葡萄城控件支持在所有主流技术平台，包括 .NET、HTML5、IOS、Android 等，全面满足开发人员在 UI 界面、表格设计、数据处理等方面的需求，有效帮助开发人员提高效率，缩短项目周期，使开发人员能更专注于业务逻辑，顺利完成高质量的项目交付。
使用css美化html表单控件详细示例(表单美化)
12-14
在网页设计中，HTML表单是用户与网站交互的重要元素，而CSS则为表单控件提供了丰富的美化可能性。本文将详细介绍如何使用CSS对HTML的`submit`和`button`按钮进行美化，以及它们的基本语法结构和差异。 一、HTML `...
CSS美化HTML表单控件的详细示例教程
最新发布
07-22
在网页设计中，HTML 表单是实现用户与网站交互的关键组件，而 CSS 则为表单控件提供了强大的美化能力。本文将重点介绍 HTML 中 submit 和 button 按钮的基本语法结构、它们之间的区别，以及如何使用 CSS 对它们进行...
html表单控件禁用属性readonly VS disabled介绍
01-21
在html中有两种禁用表单提交的方法，他们分别是：  1.给控件标签加\u4e0areadonly='readonly'属性  2.给控件标签加\u4e0adisabled='disabled'属性  例如:  <input type=text value= readonly=readonly />...
一款web表格插件
03-15
Girdmanager表格插件 适用于oa cms crm等后台管理系统 功能齐全
html5响应式表格插件设置自适应表格代码
11-11
html5响应式表格插件设置自适应表格代码
一款基于html5的图表插件
04-10
一款基于html5的图表插件一款基于html5的图表插件
可编辑的 HTML JavaScript 表格控件 DataGrid
jordan119的专栏
05-31 2492
 可编辑的 HTML JavaScript 表格控件 DataGridhttp://www.w3.org/TR/html4/loose.dtd">无标题文档/* *================================================================================================================
html 表单控件
weixin_33724059的博客
03-18 352
form 表单，用于向其他页面传递数据。 一个例子 <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <...
HTML 表单控件
好好学习
08-16 2918
表单标签 表单：用于采集用户输入的数据的，用于和服务器进行交互 form:用于定义表单的，可以定义一个范围，范围代表采集用户数据的范围 属性：action：指定提交数据的URL method：指定提交方式 get/post 表单项中的数据要想被提交：必须指定其name属性 <form action="#" method="get"> 用户名：<input name="username"><br> 密码：<input name="password"&g
在线 html 表格控件,HTML 表格
weixin_35529208的博客
06-02 575
HTML 表格除了图像、多媒体这种丰富的交互效果之外，网页中还经常会用到通讯录、统计报表这种格式化的交互效果，这时候就用到了表格元素。1. 创建一个简单的表格网页中定义表格使用 table 标签，它是一个闭合标签，所有内容都放在 table 的起始标签和结束标签内。在表格中定义一行数据使用 tr 标签，表格的单元格内容放在 tr 标签内，单元格又分为表头 th 和表格单元格 td。基本表格结构如下...
html表单及其控件
blacop的博客
09-20 737
<html> <head><title>表单元素</title></head> <body> <form action="ok.html" method="get"> 您最喜欢哪些城市： <input type="checkbox" name="cities" value="beijing" />北京 <input type="checkbox" name="cities" value="sha
HTML表单及表单控件
eggplant_的博客
09-21 8737
1、form元素 action 表示当确认时将表单提交到一个地址（可以使确认地址或者相对地址） method 提交表单时的请求类型 （get或者post类型） get方式的请求 一般默认为它，比较小一般不超过2k。（不在浏览器中不受限制） post方式的请求 设置method=post 请求参数大小一般不受限制 name 表单的唯一名称 建议与属性一致 target URL 打开方式 ...
html中可编辑的表格控件,Editable DataGrid(可编辑表格)
weixin_29350039的博客
06-05 1134
### Editable DataGrid(可编辑数据表格)[Extension](http://www.jeasyui.com/extension/index.php) ? Editable DataGrid**扩展下载地址：**[**http://www.jeasyui.com/extension/downloads/jquery-easyui-edatagrid.zip**](http://...
CSS美化HTML表单控件：submit与button详细解析
"使用CSS美化HTML表单控件的详细示例主要集中在如何通过CSS来改进HTML中的提交按钮（submit）和普通按钮（button），提升表单的视觉吸引力和用户体验。" 在网页设计中，HTML表单控件是用户与网站交互的重要元素，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值