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

最新推荐文章于 2024-07-17 18:42:40 发布
最新推荐文章于 2024-07-17 18:42:40 发布
阅读量182 收藏 1
点赞数
分类专栏： 小东西 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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>
小白学习中–.–
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html表单小练习
10-16
html表单小练习，各种表单类型，本人自己做的小练习，对初学者有作用
HTML-表单控件语法汇总及其案例
阿珂学cv
10-15 1419
本篇内容总结表单常用控件及属性，案例 action=“url地址” —>需要将表单提交到哪个页面 method=“get/post” —>表单提交方式属性：type =“值”，通过设置不同的 type 属性值，可以得到不同形式的输入字段类型。 ① type=“text” ----单行文本框类型，value属性可以设置默认提示内容，maxlength属性可以控制输入字符数 ② type=“radio” -----单选按钮 单选项搭配name属性使用，所有单选项必须取同一name属性值
HTML入门练习案例--表单控件
qq_45067479的博客
10-14 439
学习目标 （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
表单控件【input】的使用技巧
夏天的风
03-21 1038
在前端开发中，input控件使用的频率非常高，关于input不同的type的使用方法做了简单总结
HTML5-input表单控件调用代码_html5_表单_input_代码_控件_
09-29
`input`标签在HTML中用于创建各种形式的用户输入控件。基本语法如下： ```html ``` 其中，`type`定义了输入控件的类型，`name`是控件的标识名，`value`则是默认显示的值。 二、HTML5新增的`input`类型 1. `email`...
微信小程序表单控件【100%纯】
04-02
在微信小程序的开发过程中，表单控件是不可或缺的一部分，它们用于收集用户输入的数据，如文本、选择项、日期等。本文将深入探讨"微信小程序表单控件【100%纯】"这一主题，帮助开发者更高效地处理表单相关任务。 ...
Vue.js 表单控件操作小结
12-11
v-model指令：在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。 输入框 实例中演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定： HTML <!DOCTYPE html...
使用css美化html表单控件详细示例(表单美化)
09-28
主要介绍了使用css美化html表单控件详细示例(表单美化),需要的朋友可以参考下
学习vue.js表单控件绑定操作
01-19
本文实例为大家分享了vue.js表单控件绑定的具体代码，供大家参考，具体内容如下 html: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>表单控件绑定</title&gt...
表单控件案例
weixin_30421809的博客
05-28 112
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css">...
HTML5 表单小案例
Bowen的博客
02-09 887
最近在复习HTML5，手写了一个表单案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5 表单小案例</title> <!--引入JQuery--> <script src="plugin/jque...
HTML的基本信息——小白篇(2)
weixin_48101294的博客
12-05 2625
HTML的基本信息 <! --DCTYPE: 告诉浏览器，我们要使用什么规范> <! DOCTYPE html> <! html lang="en"> <! --head标签代表网页头部-- > <head> <! ---meat 描述性标签，它用来描述我们网站的一些信息--- > <meta charset ="UTF
表单控件的实例(不含JavaScript验证)
Great_Wow的博客
04-04 183
图例: 要点: 使用两个嵌套盒子 表单控件的相关属性应用 左侧文字 , 右侧文本框分别左对齐 相关代码: ​<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>From Validation</titl...
常用html表单控件,常见的表单控件(html常用表单控件)
weixin_42357256的博客
06-05 573
IE CSS Bug系列：表单控件双边距BUG受影响的版本这个BUG的影响：IE7，IE6表演和元素从具有边距属性和布局的父节点继承水平边距属性。辅导日期2009年8月17日，星期一，22:37336049形容这是我在热拉尔塔尔博特的IE7 BUG收藏页面上发现的另一个BUG。双边距离Bug有了新的表现，它也出现在IE7下。现在，它的主要性能是它影响和元素。让我们看看这个例子。例子这个例子在另一页...
经典表单案例
qq_34993631的博客
08-25 514
new.html     用户名： 密 码：    type="password" name="password"> 性别：    type="radio" name="gender" value= "male">男    name="gender" value= "famale" >女 所在地：    北京    上海    太
表单控件的样式实用例子
弓人水的技术分享
09-11 629
 在很多文件和有很多的文本框的时候，我想在style.css文件中写上修饰文本框的样式，那么就能只要在每个文件中有：           @import   url("css/style.css");     -->          这样这个文件中的所有文本框都能统一的得到修饰 CSS中写:     INPUT     {     behavior:url(Input.htc);
html初学篇
zwtank的博客
10-28 3585
html5 常用标签 <h1></h1> <p>段落标签</p> <h1>标题标签,一个html只能有一个h1标签</h1> table 表格标记 表格的组成 table tr行 td列（单元格） 表格的html属性: border 边框 bordercolor 边框颜色 cellspacing 指的是单元格与单元格之间的距离 cellpadding 指的是内容到单元格之间的距离 bgcolor 背景颜色 width 宽度 he
Web开发：四角线框效果（HTML、CSS、JavaScript）
最新发布
m0_65029152的博客
07-17 888
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
HTML网页设计基础：从基础标签到表单控件
这一章详细介绍了HTML的基本概念和常用标签，包括HTML文件的结构、文件编辑器的选择，以及一系列核心的HTML元素如元信息、文本、列表、表格、链接、图像、声音、视频、网页表单和控件，以及框架标签的使用方法。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值