表单案列实践

最新推荐文章于 2024-06-14 15:02:13 发布
最新推荐文章于 2024-06-14 15:02:13 发布
阅读量157 收藏 1
点赞数 3
文章标签： java 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Queen741740155/article/details/136922613
版权 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>表单标签</title>
	</head>
	<body>
		<h3>青春不常在，抓紧谈恋爱</h3>
		<form action="" method="">
				<table width="500">
				
				<tr>
					<td>性别:</td>
					<td><label for="men">男🚹</label><input type="radio" name="sex" id="men" value="男" /><label for="wom">女🚺</label><input type="radio" name="sex" id="wom" value="女" /></td>
					
				</tr>
				
				<tr>
					<td>生日:</td>
					<td>
						<select>
							<option selected="selected">--请选择年--</option>
							<option value ="">2000</option>
							<option value ="">2001</option>
							<option value ="">2002</option>
							<option value ="">2003</option>
							<option value ="">2004</option>
							<option value ="">2005</option>
							<option value ="">2006</option>
							<option value ="">2007</option>
							<option value ="">2008</option>
							<option value ="">2009</option>
							<option value ="">2010</option>
							<option value ="">2011</option>
							<option value ="">2012</option>
						</select>
			
						<select>
							<option selected="selected">--请选择月--</option>
							<option value ="">1</option>
							<option value ="">2</option>
							<option value ="">3</option>
							<option value ="">4</option>
							<option value ="">5</option>
							<option value ="">6</option>
							<option value ="">7</option>
							<option value ="">8</option>
							<option value ="">9</option>
							<option value ="">10</option>
							<option value ="">11</option>
							<option value ="">12</option>
						</select>
			
						<select>
							<option selected="selected">--请选择日--</option>
							<option value ="">1</option>
							<option value ="">2</option>
							<option value ="">3</option>
							<option value ="">4</option>
							<option value ="">5</option>
							<option value ="">6</option>
							<option value ="">7</option>
							<option value ="">8</option>
							<option value ="">9</option>
							<option value ="">10</option>
							<option value ="">11</option>
							<option value ="">12</option>
							<option value ="">13</option>
							<option value ="">14</option>
							<option value ="">15</option>
							<option value ="">16</option>
							<option value ="">17</option>
							<option value ="">18</option>
							<option value ="">19</option>
							<option value ="">20</option>
							<option value ="">21</option>
							<option value ="">22</option>
							<option value ="">23</option>
							<option value ="">24</option>
							<option value ="">25</option>
							<option value ="">26</option>
							<option value ="">27</option>
							<option value ="">28</option>
							<option value ="">29</option>
							<option value ="">30</option>
							<option value ="">31</option>
					
						</select>
					</td>
				</tr>
				
				<tr>
					<td>所在地区：</td>
					<td><input type="text" name="" id="" value="" /></td>
				</tr>
				
				
				
				
				<tr>
					<td>婚姻状况：</td>
					<td><input type="radio" name="#box" id="unmarried" value="未婚" /><label for="unmarried">未婚</label><input type="radio" name="#box" id="married" value="已婚" /><label for="married">已婚</label><input type="radio" name="#box" id="divorce" value="离婚" /><label for="divorce">离婚</label></td>
				</tr>
				
				<tr>
					<td>学历：</td>
					<td><input type="text" name="" id="#cv" value="" /></td>
				</tr>
				
				
				
				<tr>
					<td>喜欢的类型：</td>
					<td>
						<input type="checkbox" name="like" id="a" value=""/><label for="a">妩媚的</label>
						<input type="checkbox" name="like" id="b" value=""/><label for="b">小鲜肉</label>
						<input type="checkbox" name="like" id="c" value=""/><label for="c">可爱的</label>
						<input type="checkbox" name="like" id="d" value=""/><label for="d">老腊肉</label>
						<input type="checkbox" name="like" id="e" value=""/><label for="e">都喜欢</label>
					</td>
				</tr>
				
				
				
				<tr>
					<td>自我介绍：</td>
					<td><textarea rows="3" cols="20">自我介绍</textarea></td>
				</tr>
				
				<tr>
					<td></td>
					<td><input type="submit" value="免费注册" /><br></td>
				</tr>
				
				<tr>
					<td></td>
					<td><input type="checkbox" name="" id="" value=""/><label for="">我同意注册条款和会员加入标准</label></td>
				</tr>
				
				
				<tr>
					<td></td>
					<td><a href="#">我是会员，立即登录</a></td>
				</tr>
				
				
				<tr>
					<td></td>
					<td>
						<h2>我承诺</h2>
						<ul>
							<li>年满十八岁、单身</li>
							<li>抱着严肃的态度</li>
							<li>真诚寻找另一半</li>
						</ul>
					</td>
				</tr>
			</table>
		</form>
	
	</body>
</html>

Liberty'
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
layui常用的表单标签_layui框架中常见表单排版介绍
weixin_39996739的博客
01-14 351
{"optioninfo":{"dynamic":"true","static":"true"},"simplifiedDisplay":"newSimpleInfoCard","newCard":[],"card":[],"search":[],"infoCard":[{"bannerTitle":"移动研发平台 EMAS，爆款产品0元试用","bannerContent":"一站式研发平台快速...
房贷计算器-表单提交案列
01-02
表单提交案例，支持非空、数字、正则验证
表单元素的综合案例
m0_51863774的博客
10-28 902
踢足球已婚保密保密
vue 动态表单优秀案例
qq_38946996的博客
11-22 1912
不同的下拉框 就会显示不同的表单，表单配置是灵活匹配的，还有就是 一定要知道都有哪些类型的数据做到兼容起来。
前端基础：通过表单元素实践《健康体检单》
play_big_knife的博客
04-17 1428
前端基础：通过表单元素实践《健康体检单》 HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 一、项目说明 该项目是进行表格布局表单应用的一个案列，主要目的是掌握表单各元素的使用，并熟练运用其中的属性。表单也是网页主要元素的一大应用。 二、项目效果图展示 根据具体的布局流程，搭建html框架，然后在body标签中用table、tr、td来进行布局，再把相关的表单元素放到相应的布局里。 效果图如下图所示。 三、搭建html基本结构
PHP阶段案例之Web表单生成器
GSCY
02-24 6864
PHP阶段案例之Web表单生成器① 准备表单② 定义表单生成函数效果图原码奉上 ① 准备表单 这里是用form.php文件来保存表单信息，通过$element元素以数组的形式来保存需要生成的表单项，然后在form中调用我后面介绍的表单生成函数即可。***【注意：文件后缀是.php，而不是.html；在html文件中php代码会被注释，但是html代码却可以在php文件中正常使用。】*** ② 定义表单生成函数 编写一个generate.php文件用于存放表单生成函数，generate()负责分配任务给其他
表单设计注意事项
weixin_34023863的博客
08-06 391
2019独角兽企业重金招聘Python工程师标准>>> ...
深入Vuex最佳实践
weixin_44181173的博客
07-10 251
前言 在开始正文之前先废话一段，我上周写的一篇面试文章居然火了????, 开心了一上午，其实我也才刚开始写文章肯定是比不上那些大佬的质量，所以能火我也感到佷意外，很感谢支持我的朋友, 我也会努力花时间在这方面为读者产出更好的文章，很多朋友问是我怎么自学的，大家可以看下我的博客，我有写过自己自学的方法虽然说不上多好但也是自己自学这么久的一些好的学习方式，还是可以给一些学前端不久的小伙伴一些参考，希望大家加油！ 在线卑微，如果觉得这篇文章对你有帮助的话欢迎大家点个赞???? tip: 文章首发于掘金并做了排
React 表单受控组件（双向绑定数据）、非受控组件、React组件综合案例、表单处理
七七的博客
11-07 876
相当于数据的双向绑定，理解为vue中的v-model。将input的值存入state中。
大数据局数据安全建设实践案例汇编
美创科技的博客
03-16 915
大数据局数据安全建设实践案例汇编
实践中学习AngularJS表单
10-22
表单是最常用的一种组建。在Angular.js中，其实并没有单独的为表单添加多少特殊功能。但是，利用Angular.js框架本身的特点，可以更友好的呈现表单。下面将介绍几种常用的功能在Angular中是如何巧妙实现的
Vue.js表单控件实践
01-19
以下为表单控件的实践，代码敬上，直接新建html文件，粘贴复制即可看到效果 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>PlayAround2 Have Fun</title&...
angular动态表单制作
08-27
Angular 动态表单制作技术详解 Angular 动态表单是一种灵活的表单制作方法，它可以根据用户的选择或服务器返回的信息进行重新配置，增加或删除表单元素等。Angular 动态表单的核心是组件生成和动态加载技术。 一、...
（Javascript）AI数字人mp4转canvas播放并去除背景绿幕
lx_nhs的博客
06-12 538
去除前：去除后： 3、可能会出现的报错 （1）视频路径跨域问题：解决：vue开启代理
【仿真建模-anylogic】FlowchartPort原理解析
zhaoyaxuan001的博客
06-14 372
FlowchartPort是流图组件端口的基类，一般不会直接使用；如果需要自行封装组件库时会用到；FlowchartPort继承Port类，并定义了一系列抽象函数；用于输入端口判定此刻是否不能接收Agent。用于输出端口判定是否有Agent准备离开。判定端口是否发生错误。
Spring Boot集成antlr实现词法和语法分析
HBLOG
06-13 912
Antlr4 是一款强大的语法生成器工具，可用于读取、处理、执行和翻译结构化的文本或二进制文件。基本上是当前 Java 语言中使用最为广泛的语法生成器工具。Twitter搜索使用ANTLR进行语法分析，每天处理超过20亿次查询；Hadoop生态系统中的Hive、Pig、数据仓库和分析系统所使用的语言都用到了ANTLR；Lex Machina将ANTLR用于分析法律文本；Oracle公司在SQL开发者IDE和迁移工具中使用了ANTLR；NetBeans公司的IDE使用ANTLR来解析C++；
盲盒App开发时有哪些技术框架可以借鉴
最新发布
bytekj的博客
06-14 629
在开发盲盒App时，可以根据项目需求和团队技术栈选择合适的技术框架。前端可以选择微信小程序框架、React Native或Vue.js等；后端可以选择Node.js或Spring Boot等；数据库可以选择MySQL或MongoDB等。同时，还需要考虑缓存、消息队列、支付和物流接口等其他技术来完善应用的功能和性能。
微型操作系统内核源码详解系列四（3）：操作系统调度算法（FreeRTOS内核篇上）
2301_77061352的博客
06-12 859
-uxTopPriority，被设定为是代表最大优先级的数字，自减操作代表从就绪列表最后一个链表（优先级最高的链表）开始查找，直到找到任务链表不为空的优先级任务，那么这个任务肯定也是所有任务中优先级最大的任务，然后获取这个任务的TCB并更新pxCurrentTCB（切换的具体函数），最后更新uxTopReadyPriority的值。容笔者说一下个人看法，从c语言和数据结构算法的层面学习，只能说是舍本逐末，透过Freertos这个小型系统，窥见庞大的操作系统架构的一角，这才是我们学习的重点。
angular 表单的控制的案列
03-31
以下是一个简单的 Angular 表单控制示例： HTML 代码： ``` <label for="name">Name: [(ngModel)]="user.name" required> *ngIf="myForm.controls['name'].invalid && (myForm.controls['name'].dirty || ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值