html表单控件小案例-小白学习中

最新推荐文章于 2025-04-27 10:00:49 发布
最新推荐文章于 2025-04-27 10:00:49 发布
阅读量222 收藏 1
点赞数
分类专栏： 小东西 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mryer/article/details/108327237
版权 
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
	<style>
		h2{
			color: red;
		}
	</style>
</head>

<body>
	<h2>入学申请表</h2>
	<table width="500">
		<tr>
			<td><label for="username">用户名</label>：</td>
			<td><input type="text" id="username"></td>
		</tr>
		<tr>
			<td><label for="mm">密码</label>：</td>
			<td><input type="password" id="mm"</td>
		</tr>
		<tr>
			<td><label for="name">姓名</label>：</td>
			<td><input type="text" id="name"> </td>
		</tr>
		<tr>
			<td>性别：</td>
			<td><input type="radio" name="sex" id="man"><label for="man">男</label><input type="radio" name="sex" id="woman"><label for="woman">女</label> </td>
		</tr>
		<tr>
			<td>生日：</td>
			<td> 
			<select>
			<option>请选择年</option>
		    <option>1995</option>
		    <option>1996</option>
		    <option>1997</option>
		    <option>1998</option>
		    <option>1999</option>
		    <option>2000</option>
		    <option>2001</option>
		    <option>2002</option>
		    <option>2003</option>
		</select>	  
		<select>
			<option>请选择月</option>
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
			<option>6</option>
			<option>7</option>
			<option>8</option>
			<option>9</option>
			<option>10</option>
			<option>11</option>
			<option>12</option>
		</select>
		<select>
			<option>请选择日</option>
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
			<option>6</option>
			<option>7</option>
			<option>8</option>
			<option>9</option>
			<option>10</option>
			<option>11</option>
			<option>12</option>
			<option>13</option>
			<option>14</option>
			<option>15</option>
			<option>16</option>
			<option>17</option>
			<option>18</option>
			<option>19</option>
			<option>20</option>
			<option>21</option>
			<option>22</option>
			<option>23</option>
			<option>24</option>
			<option>25</option>
			<option>26</option>
			<option>27</option>
			<option>28</option>
			<option>29</option>
			<option>30</option>
			<option>31</option>
		</select>
			</td>
		</tr>
		<tr>
			<td>所在地区：</td>
			<td><input type="text"> </td>
		</tr>
		<tr>
			<td>高考成绩：</td>
			<td><input type="text"></td>
		</tr>
		<tr>
			<td>应届/往届：</td>
			<td><input type="radio" name="jie" id="wang"><label for="wang">往届</label><input type="radio" name="jie" id="ying"><label for="ying">应届</label></td>
		</tr>
		<tr>
			<td>热爱的运动：</td>
			<td>
				<input type="checkbox" name="yong" id="zhu"><label for="zhu">足球</label>
		<input type="checkbox" name="yong" id="lan"><label for="lan">篮球</label>
		<input type="checkbox" name="yong" id="you"><label for="you">游泳</label>
		<input type="checkbox" name="yong" id="tian"><label for="tian">田径赛跑</label>
		<input type="checkbox" name="yong" id="pin"><label for="pin">乒乓球</label>
			</td>
		</tr>
		<tr>
			<td>自我介绍：</td>
			<td><textarea rows="3" cols="20">我很强</textarea> </td>
		</tr>
		<tr>
			<td> </td>
			<td><input type="submit"> <input type="reset"></td>
		</tr>
		<tr>
			<td></td>
			<td><input type="checkbox" name="qd" id="dui"><label for="dui">我同意注册条款</label></td>
		</tr>
		<tr>
			<td></td>
			<td><a href="12-HTML案例素材1.html" target="_blank">我是会员，立刻登录</a></td>
		</tr>
		<tr>
			<td></td>
			<td><h3>我同意</h3>
	<ul>
		<li>听话</li>
		<li>认真学习</li>
		<li>不做违法的事</li>
	</ul></td>
		</tr>
	</table>
</body>
</html>
表单控件的实例(不含JavaScript验证)
Great_Wow的博客
04-04 219
图例: 要点: 使用两个嵌套盒子 表单控件的相关属性应用 左侧文字 , 右侧文本框分别左对齐 相关代码: ​<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>From Validation</titl...
【前端开发--HTML学习笔记】前端开发之HTML超详细的学习笔记（小白入门很友好）
m0_67844671的博客
06-01 1254
【前端开发--HTML学习笔记】前端开发之HTML超详细的学习笔记（小白入门很友好）
表单控件的样式实用例子
弓人水的技术分享
09-11 677
 在很多文件和有很多的文本框的时候，我想在style.css文件中写上修饰文本框的样式，那么就能只要在每个文件中有：           @import   url("css/style.css");     -->          这样这个文件中的所有文本框都能统一的得到修饰 CSS中写:     INPUT     {     behavior:url(Input.htc);
HTML入门练习案例--表单控件
qq_45067479的博客
10-14 467
学习目标 （1）熟练使用列表标签 （2）熟练使用form表单域中input输入表单元素 （3）熟练使用form表单域中select下拉表单元素 （4）熟练使用form表单域中textarea文本域元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia
表单控件案例
weixin_30421809的博客
05-28 147
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css">...
常用html表单控件,常见的表单控件(html常用表单控件)
weixin_42357256的博客
06-05 623
IE CSS Bug系列：表单控件双边距BUG受影响的版本这个BUG的影响：IE7，IE6表演和元素从具有边距属性和布局的父节点继承水平边距属性。辅导日期2009年8月17日，星期一，22:37336049形容这是我在热拉尔塔尔博特的IE7 BUG收藏页面上发现的另一个BUG。双边距离Bug有了新的表现，它也出现在IE7下。现在，它的主要性能是它影响和元素。让我们看看这个例子。例子这个例子在另一页...
微信小程序（组件--表单：交互控件）
2301_77110605的博客
04-20 917
针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、架构师课程、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！往期Android高级架构资料、源码、笔记、视频。高级UI、性能优化、架构师课程、混合式开发（ReactNative+Weex）全方面的Android进阶实践技术，群内还有技术大牛一起讨论交流解决问题。
HTML通俗易懂—表单标签+表单元素（input输入表单元素+select下拉列表+textarea文本域元素）+相应案例
weixin_45586870的博客
09-29 1396
现实中的表单： 1、表单的组成 在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。 （1）表单域 表单域是一个包含表单元素的区域。 在 HTML 标签中， <form> 标签用于定义表单域，以实现用户信息的收集和传递。 <form> 会把它范围内的表单元素信息提交给服务器。 <form action=“url地址” method=“提交方式” name=“表单域名称"> 各种表单元素控件 </form> 基础
【前端】——HTML5基础知识（小白教程）
一颗_豆芽菜的博客
11-29 809
手把手带你了解HTML5
大数据学习计划（不断改善）(小白入门指南)
qq_43958076的博客
06-06 487
大数据时代的出现简单的讲是海量数据同完美计算能力结合的结果，确切的说是移动互联网、物联网产生了海量的数据，大数据计算技术完美地解决了海量数据的收集、存储、计算、分析的问题。当我们最初谈大数据的时候，谈的最多的可能是用户行为分析，即通过各种用户行为，包括浏览记录，消费记录，交往和购物娱乐，行动轨迹等各种用户行为产生的数据。由于这些数据本身符合海量，异构的特征，同时通过分析这些数据之间的关联性容易匹配...
html表单小练习
10-16
html表单小练习，各种表单类型，本人自己做的小练习，对初学者有作用
HTML的基本信息——小白篇(2)
weixin_48101294的博客
12-05 2665
HTML的基本信息 <! --DCTYPE: 告诉浏览器，我们要使用什么规范> <! DOCTYPE html> <! html lang="en"> <! --head标签代表网页头部-- > <head> <! ---meat 描述性标签，它用来描述我们网站的一些信息--- > <meta charset ="UTF
HTML-表单控件语法汇总及其案例
阿珂学cv
10-15 1650
本篇内容总结表单常用控件及属性，案例 action=“url地址” —>需要将表单提交到哪个页面 method=“get/post” —>表单提交方式属性：type =“值”，通过设置不同的 type 属性值，可以得到不同形式的输入字段类型。 ① type=“text” ----单行文本框类型，value属性可以设置默认提示内容，maxlength属性可以控制输入字符数 ② type=“radio” -----单选按钮 单选项搭配name属性使用，所有单选项必须取同一name属性值
HTML5 表单小案例
Bowen的博客
02-09 957
最近在复习HTML5，手写了一个表单案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5 表单小案例</title> <!--引入JQuery--> <script src="plugin/jque...
html初学篇
zwtank的博客
10-28 4154
html5 常用标签 <h1></h1> <p>段落标签</p> <h1>标题标签,一个html只能有一个h1标签</h1> table 表格标记 表格的组成 table tr行 td列（单元格） 表格的html属性: border 边框 bordercolor 边框颜色 cellspacing 指的是单元格与单元格之间的距离 cellpadding 指的是内容到单元格之间的距离 bgcolor 背景颜色 width 宽度 he
表单控件【input】的使用技巧
夏天的风
03-21 1083
在前端开发中，input控件使用的频率非常高，关于input不同的type的使用方法做了简单总结
Animate 中HTMLCanvas 画布下的鼠标事件列表（DOM 鼠标）
最新发布
leoysq的博客
04-27 283
在 JavaScript 和 ‌‌ 中，常用的鼠标交互事件可分为两大类：‌‌ 和 ‌‌12。
CentOS 7 基于 Nginx 的 HTML 部署全流程指南
源滚滚编程
04-24 540
通过以上步骤，您已完成从 Nginx 安装到 HTML 部署的全流程。推荐使用 YUM 安装快速上手，生产环境建议源码编译以启用高级功能。部署时务必注意文件权限与防火墙配置，进阶优化可显著提升访问速度与安全性。如需实现 HTTPS 支持，可参考 Let’s Encrypt 免费证书配置方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值