首页 > 其他分享 >HTML5基础day3

HTML5基础day3

时间:2023-05-10 16:11:22浏览次数:31  
标签:checked 基础 day3 value 特点 xx HTML5 按钮 页面

关于HTML5第三天的学习内容

1.audio音频文件

 运行后可在网页中展现音频文件且可以播放

注意:音频元素缺失controls属性会导致页面效果丢失,变成空白

2.HTML5结构元素

一般的页面布局由页面头部、页面主体、页面底部构成,分别通过代码header、section、footer来实现

 

 3.表单的应用/语法/属性

 如图建立一个简单的用户登录界面

表单的元素属性

type:指定当前元素的类型

value:所见即所得,默认初始化能看到的

name:提交到服务器的值的key

3.1文本框

<input type="text" value=" "/>

特点1:用户输入的信息在页面中明文显示

特点2:value=""默认的值

3.2密码框

<input type="password"/>

特点:用户输入的值在页面中暗文显示

3.3单选按钮

 

特点1:type"radio"代表是单选按钮

 

特点2:name="xx"代表两个单选按钮如果保持一致的话,代表是单选,否则是多选

 

特点3:value="xx"代表发送到后端服务器的值,而不是展示

 

特点4:checked代表初始化页面时候默认勾选某个单选项,等价于checked="checked"

3.4多选按钮

特点1:type="checkbox"代表多选按钮

特点2:name="xx"注意点:多个多选按钮需要保持name的值保持一致

特点3:value="xx"代表发送到后端服务器中的值,而不是展示

特点4:checked代表初始化页面时候默认勾选某个多选框,等价于checked="checked"

3.5列表框

特点1:select是列表当中表的标签名

特点2:option是列表当中列的标签名

特点3:select和option是一对组合,不可分离

特点4:value="xx"代表发送到后端服务器中的值,而不是展示

特点5:option直接的文本值是用来展示的

3.6图片按钮

Reset定义:重置

Submit定义:提交

特点1:form中action存放了13.html页面中的全路径

特点2:type="submit"触发了当前表单,并跳转到action中的页面

Button定义:普通按钮

 3.7多行文本域

 3.8文件域

 

标签:checked,基础,day3,value,特点,xx,HTML5,按钮,页面
From: https://www.cnblogs.com/gzpblogs/p/17388288.html

相关文章

  • Django基础之-Auth
    目录补充:django_migrations表一Auth模块是什么二auth模块常用方法1.authenticate()2.login(HttpRequest,user)用户登录的案例3.is_authenticated()4.login_requierd登录成功后才能访问home页面案例:5.check_password(old_password)6.set_password(new_password)修改密码案例7.lo......
  • html5 3.0 表单
    表单的定义:多个输入框,以表格的形式展示表单常用在网页登录和注册功能中表单的元素属性:<inputtype="text"name="  ”value=" "/>type;指定当前元素的类型value:所见即所得name:提交到后端服务器的值文本框<inputtype="text"value=""/>用户在页面中输入的值明文显示;valuce="......
  • javascript基础练习
     本练习根据w3cschool:https://www.w3cschool.cn/javascript/javascript-conventions.html 1.javascript简介1.1JavaScript是脚本语言JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后,可由所有的现......
  • 分布式搜索引擎Elasticsearch基础入门学习
    一、Elasticsearch介绍Elasticsearch介绍Elasticsearh是elastic.co公司开发的分布式搜索引擎。Elasticsearch(简称ES)是一个开源的分布式、高度可扩展的全文搜索和分析引擎。它能够快速、近乎实时的存储、搜索和分析大量数据。适用于包括文本、数字、地理空间、结构化和非结......
  • AI 绘画基础 - 细数 Stable Diffusion 中的各种常用模型 【
    AI绘画新手魔导士在刚开始玩StableDiffusion时总会遇到各种新的概念,让人困惑,其中就包括各种模型和他们之间的关系。魔法师入门得先认识各种法师装备(各种模型),让我们遇到问题知道使用何种装备来协助自己发挥更大的效果。safetensors在了解各种模型之前,有必须先了解下safeten......
  • golang获得基础硬件信息
    packageutilsimport("runtime""time""github.com/shirou/gopsutil/v3/cpu""github.com/shirou/gopsutil/v3/disk""github.com/shirou/gopsutil/v3/mem")const(B=1KB=1024*BMB=1024*......
  • js基础---事件
    事件的概念与使用方法js标签引入的时机......
  • 第一节:计算机核心基础知识
    目录一引子:1.1什么是语言?什么是编程语言?为何要有编程语言?1.2什么是编程?为什么要编程?二计算机组成原理2.1、什么是计算机?2.2、为什么要用计算机?2.3、计算机的五大组成部分2.3.1、控制器2.3.2、运算器2.3.3、存储器2.3.4、输入设备input2.3.5、输出设备output一个非常重要的基......
  • 第三十七天 数据库基础
    一、数据存取演变史1.文本文件 文件路径不一致:C:\a.txtD:\aaa\b.txtE:\ccc.txt 数据格式不一致:jason|123tony$123kevin@1232.软件开发目录规范 规定了数据文件的大致存储位置:db文件夹 针对数据格式还是没有完全统一:比如统一json文件但是内部键值对不同3.数......
  • 【C++容器基础】
    容器汇总: 向量(vector): 队列(deque):列表(list): 数组(array): 字符串(string): 映射(map):无序 集合(set):无序不重复 ......