HTML5 表单小案例

最新推荐文章于 2024-04-24 14:37:39 发布

Bowen_Yang

最新推荐文章于 2024-04-24 14:37:39 发布

阅读量886

点赞数

分类专栏：前端学习文章标签： html5

本文链接：https://blog.csdn.net/qq_39627843/article/details/104234860

版权

最近在复习HTML5，手写了一个表单案例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>HTML5 表单小案例</title>  <script src="plugin/jque...

摘要由CSDN通过智能技术生成

最近在复习HTML5，手写了一个表单案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML5 表单小案例</title>
		<!--引入JQuery-->
		<script src="plugin/jquery-3.1.1.min.js"></script>
		<style>
			form{
				width: 50%;
				/*上下是10，左右居中*/
				margin: 10px auto;  
			}
			form fieldset input{
				
				width: 100%;
				height: 35px;
				line-height: 30px;	
				
				margin: 10px 0;
				
				/*加border-radius属性会出现内浮雕的情况，需要 先设置成none，再设置一个*/
				border: none;
				border: 1px solid gainsboro;
				border-radius: 2px;
				
				font-size: 15px;
				padding-left: 10px;
				/*由于刚刚设置了padding-left  input往右边挪了一点，需要设置下面*/
				box-sizing: border-box;	/* 这个把padding也算在了width之内*/
				
				
			}
			form fieldset{
				padding: 20px;
			}
			select{
				display: block;
				margin: 10px 0;
			}
			meter{
				width: 100%;
				height: 20px;
				mar

最低0.47元/天解锁文章

Bowen_Yang

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML5 表单小案例

最近在复习HTML5，手写了一个表单案例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>HTML5 表单小案例</title>  <script src="plugin/jque...
复制链接

扫一扫