我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

HTML (3)- 袁瑞-20221109

[复制链接]
Yrrrrrrrrrr 发表于 2022-11-10 00:11:22 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
本帖最后由 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可以被调用多次,但是不允许这样去使用。
二.今日问题:
无。
三.解决方案:
无。

回复

使用道具 举报

关注0

粉丝0

帖子27

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026