本帖最后由 Yrrrrrrrrrr 于 2022-11-10 00:13 编辑
一、表单标签:
为什么需要表单?
使用表单收集用户的信息。
二、表单域:
表单域就是一个包含了表单元素的区域,在HTML标签中用<form></form>标签来定义表单域,它可以将用户提交的表单信息提交给服务器。
常用的属性和属性值:
属性名:action 属性值:url地址。
属性名:method 属性值:get/post
属性名:name 属性值:表单名称
三、表单控件(表单元素):
1.概念:
表单元素急速允许用户在表单中输入或者选择内容的控件元素。
2.input(表单元素)
( 1)input表单元素的type属性。
属性值:text 定义单行的输入字段,用户可以输入相应的文本;
button:定义可以点击的按钮;
checkbox:定义复选框;
redio:定义单选按钮(同一组单选按钮要有相同的name值);
file:文件上传按钮;
password:定义密码字段,该输入框的内容会被掩码(加密)。
(2) input的其他属性:
name value checked;name和value俩个属性值都是用户自定,checked是自己本身。
maxlength是定义输入最长字符长度 属性值是正整数。
3.总结:
name和value是每个表单元素都有的属性,主要给后台人员来使用。
checked按钮主要针对单选按钮和复选框,主要作用是打开页面后默认选择某个表单元素。
name给表单元素起名的,一般我们要求一组单选按钮或者复选框的name值要相同。
maxlength一般在表单元素中不常使用,了解即可。
4. <lable>标签的使用
概念:
lable标签用于绑定一个表单元素,当点击lable标签的文本时,浏览器会自动将焦点转到对应的表单元素上,增加用户体验。
5.select 表单元素:
(1)<select></select>标签中应该至少包含一个<option></option>
(2) 在option中定义一个selected=selected时,就可以将当前的标签改为默认选项。
6.textarea表单元素:
cols代表每行中的字符数,rows代表显示的行数,一般不会在这里设置样式,都在CSS里面进行统一调整。
查询文档:
百度,W3C,菜鸟教程,MDN。
CSS
CSS的简介;
HTML的局限性:
HTML可以做简单的样式,但是会单来无尽的繁琐。
CSS是什么?
层叠样式表,一种标记语言,不仅可以设置样式还可以实现分离和结构。
语法规范:
由选择器和声明块儿来组成的。
选择器是相对于指定css样式的thml标签,{}内部是对该对象设置的具体样式。
多个属性之间用英文隔开。
属性和属性值之间用:隔开。
属性和属性值之间是用键值对的形式来书写的。
所有的样式都可以写在style标签中,该标签在head中书写。
CSS的基础选择器:。
标签选择器,类选择器,id选择器,通配符选择器。
标签选择器:元素选择器。是指用html名称作为选择器,按照标签名称来进行分类为页面。
类选择器:使用.来定义使用的,使用class来进行调用。
id选择器:id是唯一的标识,所以id选择器主要是为了唯一的html标签指定的特色的样式,虽然同一个id可以被调用多次,但是不允许这样去使用。
二.今日问题:
无。
三.解决方案:
无。 |
|