HBuier x表单标签

最新推荐文章于 2024-07-01 22:21:31 发布
最新推荐文章于 2024-07-01 22:21:31 发布
阅读量645 收藏 3
点赞数 3
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/2302_79895666/article/details/138032487
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>表单标签</title>
    </head>
    <body>
        <!-- 
                表单标签：
                 1.表单域：form标签包含的区域
                 2.表单标签：输入input，选择select，文本域textarea
                 3.提示信息：span
                 -->
                 <form>
                     <!-- type:text 明文显示文本 -->
                     <!-- placeholder：占位符 -->
                     <span>用户名：</span><input type="text" placeholder="请输入6~8个字符" />
                    <br>
                    <!-- type:password 密码显示 -->
                    <span>密码：</span><input type="password" placeholder="请输入6~8个字符" />
                    <br>
                    <!-- 单选：type=radio, 必须赋相同的name才能实现单选-->
                    <span>性别：</span><input type="radio" name="sex" /><span>男</span>
                                    <input type="radio" name="sex" /><span>女</span>
                                    <input type="radio" name="sex" /><span>其他</span>
                    <br>
                    <span>身份：</span><input type="radio" name="sf" /><span>教师</span>
                                    <input type="radio" name="sf" /><span>学生</span>
                                    <input type="radio" name="sf" /><span>行政人员</span>
                    <br>
                    <!-- 复选框：type="checkbox" -->
                    <span>个性标签：</span><input type="checkbox" name="gxh" /><span>吃不胖</span>
                                         <input type="checkbox" name="gxh" /><span>深夜emo</span>
                                           <input type="checkbox" name="gxh" /><span>网抑云</span>
                    <br>
                    <br />
                    <span>上传文件：</span><input type="file" />   <!-- file:文件 -->
                    <br />
                    <span>日期选择：</span><input type="date" />   <!-- date:日期 -->
                    <br />
                    <!-- 普通按钮:button -->
                    <input type="text" placeholder="请输入验证码" />
                    <input type="button" value="点击发送验证码"/>    <!-- button：按钮-->  <!-- value：值 -->
                    <br>
                    <input type="reset" />    <!-- reset:重置 -->
                    <input type="submit" value="注册" />     <!-- submit:提交 -->
                    <br />
                    <span>选课：</span>
                    <select>     <!-- 选择 -->
                        <option>大学英语</option>      <!-- 选项 -->
                        <option>计算机网络</option>
                        <option>高数</option>
                    </select>
                    <br>
                    <span>描述：</span>
                    <textarea></textarea>      <!-- 文本域 -->
                  </form> 
    </body>
</html>

在HTML中制作一个简单的表单验证（HBuilder）
haibianxiatain的博客
04-03 3713
html中基本的表单验证和提交
007--Hbuilder--HTML--form表单的使用
weixin_45515187的博客
10-29 1572
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>百度一下，你就知道</title> <link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon" /> </head> <body> <for
HBuilderX表单
ts15286507083的博客
06-13 4592
表单：1.表单域：2.表单标签：文本输入：掩码输入：单选：多选：
基础：HBuilder X表单标签及用法
m0_74257628的博客
03-04 4389
基础：HBuilder X表单标签及用法 form表单标签
如何用hbuilderx制作课程表
2301_79717726的博客
09-14 2079
2. 在HTML文件中添加表格标记“<table>”，并在其中添加多个“<tr>”和“<td>”标记以创建所需的表格。1. 在项目中创建一个HTML文件，命名为“xxx.html”。3. 使用CSS样式对表格进行美化和布局。
章十六、HTML —— 概述、HBuilderX安装、HTML基本语法、常用标签、特殊符号转义、表格、表单
king_faner的博客
05-26 1458
一、 HTML概述C/S结构（Client+Server）客户端+服务器：需要在电脑上安装的重终端,qq,微信,腾讯会议要安装一个特定的客户端才能运行B/S结构（Browserl+Server）浏览器+服务器：百度,京东,腾讯新闻.…..浏览器输入网址访问网站●文本：文字字符超文本：网页内容标记：标签、标识html语言就是一种标记语言,提供许多的标签,不同的标签功能不同，网页就是通过这些标签描述出来的最终由浏览器解释运行成我们看到的网页等待下载，下载下俩是一个压缩包文件，解压~然后打开。
06-30 Hbuilder +表格标签+tab/ctrl快捷键
weixin_46400833的博客
06-30 3363
一. 开发效率高的工具 二、表格标签
input 表单的验证
weixin_30563917的博客
12-26 563
　　用户注册 用户名: *请输入8~16位用户名 密码: *请输入8~12位密码 确认密码: *再次输入密码 手机号: *请输入手机号码 验证码: *输入验证码 提交 有以上用户注册的代码 进行用户注册 主要有两大步 获取焦点的时候和失去焦点的时候 &l...
第一次网页前端培训笔记（HBuilderX）
yiranjiuqing的博客
02-03 4492
一.安装HBuilderX 官网：HBuilderX-高效极客技巧 (dcloud.io) 二.了解HBuilderX <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> </body> </html> 三.学习HBuilderX.
Hbuilderx
2202_75795017的博客
12-01 811
<a href="#"></a>子元素2子元素1</a><a href="#">子元素3宝马</li><li>奔驰</li><li>奥迪
HBuilder-简易按钮
nikezhenhaokan的博客
03-02 1285
【代码】HBuilder-简易按钮。
第二次网页前端培训笔记（HBuilderX）
yiranjiuqing的博客
02-05 2207
常用标签 一.表单 from标签：表单标签，块级元素，会自动换行；将数据传输给服务器 常用属性： action 表单提交的地址url id 唯一标识 name 名称 target 表单提交打开方式（当前窗口） method 提交方式 get：参数会直接跟在url后面，用问好拼接，安全性差，传输的数据量小，效率高（是post的两倍），有缓存 post：参数不会跟在url地址栏后面，会放在请求体中；安全性高，传输数据量大，速度相对来说慢，无缓存 input标签 ...
单选 多选按钮的选择
acongshijia的专栏
03-08 1640
1、改变radio的选择，触发一些效果 复制代码 代码如下: $("input:radio[name='dialCheckResult']").change(function (){ //拨通 alert(“123”); }); 2、让页面中所有的radio可用。 $("input:radio").attr("disabled",false); 3、让页面中所有的radio不可用。 $
HTML(8)——select标签、其他标签
qq_34573534的博客
07-28 918
一、select标签 1. 用来创建类似于WinForm中的ComboBox或者ListBox 。 2. 如果size属性大于1就是ListBox（size的值为显示出来的列表数量），否则就是ComboBox。<select multiple>或者<select multiple="multiple">（推荐），那么就是可以多选的ListBox。 3. selec...
html的知识点汇总：包括软件VS Code和HBuilderX的使用、以及html思维导图（在文章最后）
weixin_44641804的博客
08-31 4049
一、软件的初始化，和html的初始结构分析 之前是用sublime和Visual Studio Code学习的前端，现在要重新使用HBuilderX来练习，因为HBuilderX可以开发微信小程序。 VStudio Code中html的建立框架结构快捷方法：输入html:5按回车键 HBuilderX中html的建立框架结构快捷方法：左上角文件->新建->html文件->选default 一个真实项目的构建(文件夹规范)： 右键新建一个文件夹写上英文的项目名(命名必须英
HBuider的使用之表单和表格的制作
热门推荐
qq_42804234的博客
07-28 2万+
HBuider的使用之表单表格的制作 最外层是表格的格式： &lt;table border="1px" bordercolor="#00FFFF" width="500xp" height="300px" cellpadding="5" cellspacing="0"&gt;&lt;!--描述：对表格边框样式的设计--&gt; &lt;/t
HTML制作表格（面试登记表）
最新发布
weixin_64662118的博客
07-01 1222
填表日期</td>向下合并 rowspan="5" 举例子：<td rowspan="5">基本资料</td>空格： 举例子：<td> </td>表头 <caption> </caption>行 <tr> </tr>列 <td>
HTML＜HBuilder X＞
Purple_night_的博客
08-31 1494
HTML常用标签(HTML不是一种编程语言，而是一种标记语言）： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html> &nbsp 特殊符号（空格） <p> ...
HbuilderX表格练习2
weixin_51703558的博客
05-06 4245
表格练习 （数据仅供参考） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格4</title> <style type="text/css"> table { border: 1px solid aqua; border-collapse: collapse; } th, td { bo
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值