HTML5学习(3)

内容纲要

一、表单

1.简介

  • 表单是一个包含若干个表单元素的区域,用于获取琐类型的用户数据
  • 表单元素是允许用户在表单输入信息的元素,如文本框、密码框、单选按钮、复选框、下拉列表、按钮等

2 .表单结构

(1)表单语法

<form action="表单的提交地址" method="提交方式"> </form>

(2) form标签

用来定义表单,可以包含多个表单元素

常用属性:

  • action:提交数据给谁处理,即处理数据的程序,默认为当前页面
  • method:提交数据的方式或方法,取值:get(默认),post
  • get和post的区别:

get:以查询字符串的形式提交,在地址栏中能看到,长度有限制,不安全

post以表单数据组的形式进行提交,在地址栏中看不到,长度无限制,安全

enctype(encode type)编码类型:提交数据的编码,取值application/X-www-form-urlencoded(默认)、multipart/form-data(文件上传)

示例:

(3)表单元素

大多数的表单元素都是使用<input>标签来定义的,通过设置属性type来定义不同的表单元素

<input type="表单元素类型" name="名称" value="初始值" size="宽度">

(4)单行文本框

常用属性:

  • name名称,很重要,如果没有定义name属性,则该表单元素的数据是无法提交的
  • value初始值
  • size显示宽度
  • maxlength:最大字符数,默认是没有限制
  • readonly只读:readonly=“readonly”,可简写readonly,即只写属性名
  • disabled禁用:disabled=“disabled”, 可简写disabled完全禁用

表单元素被提交的两个条件,1.有name属性2.非disabled

示例:

二、注释

<!-- 在此处写注释 -->

举例:

三、颜色值

  • 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
  • 每种颜色的最小值是 0(十六进制:#00)。
  • 最大值是 255(十六进制:#FF)。

这个表格给出了由三种颜色混合而成的具体效果:

四、简单案例

显示如下:

 

给TA打赏
共{{data.count}}人
人已打赏
前端

HTML5学习(2)

2022-8-5 16:44:44

前端

CSS学习(1)

2022-8-9 17:03:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索