菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: HTML (3)- 袁瑞-20221109 [打印本页]

作者: Yrrrrrrrrrr 时间: 2022-11-10 00:11
标题: HTML (3)- 袁瑞-20221109
本帖最后由 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可以被调用多次，但是不允许这样去使用。
二.今日问题：
无。
三.解决方案：
无。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)