html|html form表单基础入门案例讲解
目录
- 一，表格标签
- –1，概述
- –2，总结
- 二，表单标签
- –1，测试
- –2，总结
- –3，form提交数据
- 三，form表单的练习
- 四，CSS
- -1，概述
- -2，语法
- -3，入门案例
- 五，选择器
- 总结
一，表格标签 向网页中加入表格
–1，概述
测试 表格标签 - 锐客网
11 13 21 22 23 31 32
–2，总结
table 标签用来表示表格tr 标签表示表里的一行td 标签表示行里的列border 设置边框cellspacing 设置单元格的间距bgcolor 设置背景色width 设置宽度height 设置高度colspan 合并列rowspan 合并行二，表单标签 用来提交数据，本质上就是在一个表格标签的外面用form包起来
文章图片
–1，测试
测试 表单标签 - 锐客网
–2，总结
form标签用来提交表单里的数据table标签用来实现表格tr标签用来表示表格里的行td标签表示行里的列img标签表示插入图片select标签表示下拉框，option是下拉选项textarea标签是文本域input表示输入框，类型很丰富【html|html form表单基础入门案例讲解】
text类型是普通的文本输入框password是密码输入框email是邮箱的输入框file是上传文件radio是单选框checkbox是多选框button是普通的按钮submit是提交按钮，比button多了数据提交的功能align属性用来设置元素的位置center是居中bordercolor设置边框的颜色–3，form提交数据
–1，提交按钮必须submit类型，不然不会提交数据的
–2，哪些数据需要提交的话，必须在网页上配置name属性
–3，提交的数据都在地址栏中展示 http://127.0.0.1:8848/cgb2105/html4.html?username=1314
username=1314 ，其中username是页面中name属性的值，1314是网页中输入的数据
测试 表单标签 - 锐客网
三，form表单的练习
文章图片
练习form表单 - 锐客网
四，CSS
-1，概述
用来修饰网页的，变得好看。层叠样式表stylesheet
-2，语法
td{ text-align : center; } 选择器{ 属性名 : 属性值 ; }
-3，入门案例
测试 css修饰网页 - 锐客网 /* 语法：选择器{ 属性名:属性值; } *//* 给所有div */div{color:green; /* 设置字的颜色红色 */background-color: #008000; /* 设置背景色 */} 我是div1我是div2 我是div3我是div4我是div5
五，选择器
测试 css的选择器 - 锐客网 /* 1. 标签名选择器： *//* 练习1：选中标签名叫div的所有元素*/div{background-color: #008000; /* 设置背景色 */color: black; /* 设置字的颜色*/font-size: 30px ; /* 设置字号 */font-family: "宋体" ; /* 设置字体 */}/* 练习2：选中标签名叫input的所有元素*/input{background-color: pink; /* 设置背景色 */}/* 2. class选择器：先设置class属性 + 通过.获取class的值 */.a{ /* 选中网页中所有class=a的元素们，其中class的值可以重复*/color: yellow; /* 字的颜色 */}/* 3. id选择器：先设置id属性 + 通过#获取id的值 */ #x{ /* 选中网页中id=x的元素，由于id的值不能相同，所以只选中了一个元素*/font-size: 100px; /* 加大字号 */} 我是div1我是div2我是div3我是span1我是span2我是p
总结 本篇文章就到这里了，希望能给你带来帮助，也希望您能够多多关注脚本之家的更多内容！
推荐阅读
- django-前后端交互
- 爬虫数据处理HTML转义字符
- HTML基础--基本概念--跟着李南江学编程
- ffmpeg源码分析01（结构体）
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- performSelectorOnMainThread:withObject:waitUntilDone:参数设置为NO或YES的区别
- 3.css浮动
- React.js的表单(六)
- iOS富文本为html时，修改默认字体颜色
- 瀑布流布局