1.常用标签

最新推荐文章于 2022-05-18 19:54:02 发布
最新推荐文章于 2022-05-18 19:54:02 发布
阅读量119 收藏
点赞数
分类专栏： 自我学习总结 JavaWeb 第一章 常用标签 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang_kuh/article/details/105584827
版权

文章目录

一.案例

新建index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>案例</title>
</head>
<body>
	<form action="#">
		<table border="1" cellpadding="1" cellspacing= "0" width = 80% align = "center" >
			<tbody>
				<tr >
					<th colspan = 3 align="left">1.会员登录名和密码</th>
				</tr>
				<tr>
					<td align = "right">用户名:</td>
					<td><input type="text" name = "username">*</td>
					<td><input type = "button" value = "检测用户名"><a>5-15位,请使用英文(a-z,A-Z),数字(0-9)</a></td>
				</tr>
				<tr>
					<td align = "right">密&nbsp;码:</td>
					<td><input type="password" name = "username">*</td>
					<td><a>5-15位,请使用英文(a-z,A-Z),数字(0-9),注意区分大小写;</a><a>密码不能与登录名相同;易记;难猜</a></td>
				</tr>
				<tr>
					<td align = "right">再次输入密码:</td>
					<td><input type="password" name = "username">*</td>
					<td><a>两次密码必须一致</a></td>
				</tr>
				
				<tr >
					<th colspan = 3 align="left">2.姓名和联系方式</th>
				</tr>
				<tr>
					<td align = "right">真实姓名用户名:</td>
					<td><input type="text" name = "username">*</td>
					<td><input type = "radio" name = "gender" value = "man">先生
					<input type = "radio" name = "gender" value = "woman">女士</td>
				</tr>
				<tr>
					<td align = "right">电子邮箱:</td>
					<td><input type="text" name = "username">*</td>
					<td><a>非常重要!</a><a>这是客户与您的首选方式,请一定要填写真实.</a></td>
				</tr>
				<tr>
					<td align = "right">固定电话:</td>
					<td><input type="text" name = "username">*</td>
					<td><a>区号 + 电话号码</a></td>
				</tr>
				<tr>
					<td align = "right">公司所在地:</td>
					<td>
						<select name = "country">
							<option value = "bj" selected = "selected">北京</option>
							<option value = "sh" >上海</option>
							<option value = "gz" >广州</option>
							<option value = "sz" >深圳</option>
						</select>
						<select name = "x">
							<option value = "bj" selected = "selected">东城</option>
							<option value = "xc" >西城</option>
							<option value = "nc" >南城</option>
							<option value = "bc" >北城</option>
						</select></td>
				</tr>
				<tr>
					<td align = "right">街道地址:</td>
					<td><input type = "text" name = "jd" ><a>*</a></td>
					<td><a>填写县(区),街道,门牌号</a></td>
				</tr>
				<tr>
					<td align = "right">传真号码:</td>
					<td colspan="2"><input type = "text" name = "cz" ></td>
				</tr>
				<tr>
					<td align = "right">手机号码:</td>
					<td colspan = "2"><input type = "text" name = "cz" ></td>
				</tr>
				<tr>
					<td align = "right">邮政编码:</td>
					<td colspan = "2"><input type = "text" name = "cz" ></td>
				</tr>
				<tr>
					<th colspan="3" align = "left">3.公司名称和主营业务</th>
				</tr>
				<tr>
					<td align = "right">贵公司名称:</td>
					<td><input type = "text" name = "cz" >*</td>
					<td>请填写在工商局注册的公司/商号全程;<br>
					无工商号的个体经营者填写执照上的姓名,如:张三(个体经营)</td>
				</tr>
				<tr>
					<td align = "right">你的职位:</td>
					<td><input type = "text" name = "cz" >*</td>
				</tr>
				<tr>
					<td align = "right">主营行业:</td>
					<td><select>
						<option selected = "selected" name = "dzdg">电子电工</option>
						<option name = "rjgc">软件工程</option>
					</select></td>
					<td>请正确选择,您会收到该行业,该产品的供求信息</td>
				</tr>
				<tr>
					<td align = "right">主营行业/服务:</td>
					<td><input type = "text" name = "zycp">*</td>
					<td>3个主要相关产品名/服务名,最少填写一个,例如:太阳帽,布料,拉链</td>
				</tr>
				<tr>
					<td align = "right">公司网址:</td>
					<td colspan="2"><input type = "text" name = "gswz" value = "http://"></td>
				</tr>
				<tr>
					<td></td>
					<td colspan="2"><input type = "submit" name = "gswz" value = "确认提交" ></td>
				</tr>
			</tbody>
		</table>

	</form>
</body>
</html>

二.表单案例

新建form.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
	<!--方式一  -->
	<!-- <script type="text/javascript">
		alert("你好,世界");
	</script> -->
	<!-- 方式二 -->
	<!-- <script type="text/javascript" src = "index.js"></script> -->
	<div align = "center">
	<form action="#" method = "get" id="formId" >
	姓名<input type = "text" name = "name"><br>
	年龄<input type = "number" name = "age"><br>
	性别<input type = "radio" name = "gender" value = "man" checked>男
	<input type = "radio" name = "gender" value = "woman">女
	<input type = "radio" name = "gender" value = "none">不详
	<br>
	<!-- <input type = "submit" name = "tj" value = "提交"> -->
	<!-- 方式三 -->
	
	</form>
	<button onclick = "javascript:submitForm();"></button>
	</div>
</body>
</html>

新建instance.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单案例</title>
</head>
<body>
	<div align="center">
		<a href="form.html">新增</a>
	</div>

	<table border=1 cellpadding=0 cellspacing=0 width=60% align="center">
		<tbody>
			<tr>
				<th>编号</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>性别</th>
				<th>操作</th>
			</tr>
			<tr align="center">
				<td>10</td>
				<td>乔峰</td>
				<td>32</td>
				<td>男</td>
				<td><a href="form.html">编辑</a>|<a href="form.html">删除</a></td>
			</tr>
			<tr align="center">
				<td>20</td>
				<td>张无忌</td>
				<td>26</td>
				<td>男</td>
				<td><a href="form.html">编辑</a>|<a href="form.html">删除</a></td>
			</tr>
			<tr align="center">
				<td>30</td>
				<td>东方姑娘</td>
				<td>19</td>
				<td>女</td>
				<td><a href="form.html">编辑</a>|<a href="form.html">删除</a></td>
			</tr>
		</tbody>
		<tfoot align="center">
			<tr align="center">
				<td colspan=5>首页 上一页 下一页 尾页 共103页</td>
			</tr>
		</tfoot>
	</table>
</body>
</html>
huang_kuh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
1.常用结构
自我学习总结
04-02 339
文章目录一.数据结构概述二.数组(Array)三.链表(Linked list)四.队列(Queue)五.栈(Stack)六.哈希表(Hash) 一.数据结构概述 数据结构是计算机存储,组织数据的方式 数据结构是指互相之间存在一种或多种特定关系的数据元素的集合 通常情况下,精心选择的数据结构可以带来更高的运行或者存储效率.数据结构往往同高效的检索算法和 索引算法和索引技术有关. 作用: 模拟...
1.常用类
weixin_43487902的博客
03-21 359
1.常用类 标签（空格分隔）： 6.2Java高级 内容: 一 枚举 二 包装 三 random类 四 string类 五 日期类 一 枚举 1. 简介 * 1.枚举类型没有类,没有方法,没有属性,只有常量; * 2.创建关键字enum, * 3.每个单词都是公共的静态常量 * 4.这里定义常量名不能使用中文 * 2. 使用 一般创建顺序: 创建enum—创建类—测试文件 ...
常用单词1
weixin_34008784的博客
05-30 79
常用单词1 一、总结     二、测试题-简答题 1、prompt  [prɒm(p)t] adj. 敏捷的，迅速的；立刻的vt. 提示；促进；激起；（给演员）提白n. 提示；付款期限；DOS命令：改变DOS系统提示符的风格adv. 准时地     2、expression  [ɪk'sprɛʃən] n. 表现，表示，表达；表情，脸色，态度，腔调，声调；式，符号；词句，语句，...
常用1
weixin_34060741的博客
07-11 147
查看pdf <embed style="width:100%;height:100%" src="file1.pdf" type="application/pdf" internalinstanceid="12"> 转载于:https://www.cnblogs.com/guxingy/p/9295352.html
JAVASE10
cnjss的博客
04-06 158
JAVASE10 常用类： String Math 包装类 枚举 File 时间日期API 一、 String String : String类表示字符串。 Java程序中的所有字符串文字（例如"abc" ）都实现为此类的实例。 学习步骤: 1.了解类的继承体系,类的作用,类的特点 ​ 2.构造器 ​ 3.方法 public static void main(String[] args) throws UnsupportedEncodingException {
20.2 HTML 常用标签
07-28
在“20.2 HTML 常用标签”这个主题中，我们将深入探讨一些HTML中不可或缺的核心标签，这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明（<!DOCTYPE html>）**：这是每个HTML文档的开头，用于...
HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
HTML常用标签.docx
08-18
HTML 常用标签 HTML（HyperText Markup Language）是一种标记语言，用于创建网页的结构和内容。下面是 HTML 中常用的标签，按照功能分类： 文本标签 * 标题标签：<h1>...（最大）、<h6>...（最小） * 粗体标签：...
HTML常用标签.pdf
10-05
HTML常用标签 HTML 是构建网页的基础语言，它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础，通过这些标签，可以构建一个完整的网页。 基本文档结构标签 1. ...
div+css常用标签.docx
02-27
《Div+CSS布局常用标签及样式详解》 Div+CSS布局是网页设计中不可或缺的一部分，它使得网页结构清晰，样式灵活。以下将详细介绍Div+CSS布局中常用的HTML标签以及CSS的相关知识点。 一、HTML常用标签 1. `div`：这...
1.常用命令
m0_66380914的博客
05-18 211
一、杂项 一、常用的包名称 #命令补全包 dnf install bash-completion vim #dns解析 dnf install bind-utils #时间同步服务 dnf install chrony #安装vim dnf install vim -y #时间同步服务安装 dnf install chrony #命令查看包名 yum provides 命令 第一步：删除#开头的行 :g/#.*/d 1 第二步：删除空白行 :v/./d 二、修改主机名 vi /etc/hos
常用类1
Lionel__Messi的博客
11-26 241
JAVA中的常用类 比较器 在Java中经常会涉及到对象数组的排序问题，那么就涉及到对象之间的比较问题。 通常对象之间的比较可以从两个方面去看： 第一个方面：对象的地址是否一样，也就是是否引用自同一个对象。这种方式可以直接使用“==“来完成。 第二个方面：以对象的某一个属性的角度去比较。 对于JDK8而言，有三种实现对象比较的方法： 1、覆写Object类的equals（）方法； 2、继承Comp...
1. 常用及特殊
weixin_30279751的博客
05-27 95
1. 字符串模板 2. 箭头函数 3. 变量 　　let 与 var ，let定义在 for{ let name = "jay"; } 外面取不到，var 可以取得 　　const 不可变 4. 展开 　　function hello( name1, name2){ 　　　　console.log(name1, name2)　　}　　const arr = ['imooc'...
js中删除空格和一些校验
asdfeng的博客
11-23 353
//是否为空校验 function isEmpty(s) { var lll=trim(s); if( lll == null || lll.length == 0 ) return true; else return false; } //删除字符串左边的空格 function ltrim(str) { if(str.length==0) retu...
7.17 个人简历 以及 常用标签
qq_19658227的博客
07-17 1002
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt; &lt;title&gt;个人简历&lt;/title&gt; &lt;meta name = "author" content = "刘帆"&gt; &lt;meta
基本标签的学习总结
weixin_47470849的博客
04-29 162
基本标签的认识与应用， 网页由HTML创建 HTML又叫超文本标记语言，而使用HTML就要熟知各个基本标签的名称和应用，
1.常用的基本命令
KeyWzc的博客
01-19 511
目录管理 绝对路径的全程 ：C:\Windows\System32\xxx.xx 相对路径：System32目录下，这个 xxx.xx 文件，对应相对路径 cd ：切换目录 / ：当前目录 cd .. ：返回上一级目录 相对路径：System32目录下，这个 xxx.xx 文件，对应相对路径 ls -a 参数：all ，查看全部的文件，包括隐藏文件 -l 参数 列出所有的文件，包含文件的属性和取消，没有隐藏文件 所有Linux命令可以组合使用！ ...
常用类
qq_45092505的博客
09-06 144
常用类 Object类 java中所有的类都直接或间接的继承于Object类,自动的拥有Object类的所有方法. toString方法用于输出一个对象的内容. package day15; class Animal { private String name; private String type; public Animal(String name, String type) { super...
elementplus常用标签
最新发布
01-07
elementplus是一个基于Vue.js的前端UI组件库，它提供了许多常用的标签和组件，用于构建现代化的Web应用程序。...这些只是elementplus提供的一小部分常用标签和组件，它还有很多其他功能强大的组件可供使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值