首页 > > 网页制作 > css >

HTML学习笔记二

2019-08-31 07:17:20来源：博客园阅读 ()

HTML学习笔记二

HTML表单：

HTML表单用于搜集不同类型的输入

< form >标签元素：

HTML表单用于收集用户输入；

form元素定义HTML表单

< form >属性列表：

属性	描述
accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
action	规定向何处提交表单的地址（URL）（提交页面）。
autocomplete	规定浏览器应该自动完成表单（默认：开启）。
enctype	规定被提交数据的编码（默认：url-encoded）。
method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate	规定浏览器不验证表单。
target	规定 action 属性中地址的目标（默认：_self）。

表单元素：

表单元素指的是不同类型的 input元素、复选框、单选按钮、提交按钮……等

< input >标签：

< input >标签元素最重要的是 表单元素，标签根据不同的 type 属性，有多态性。

文本输入：

<input type="text" />

定义单选按钮输入

<input type="radio" />

定义提交按钮

<input type="submit" />

action属性：

定义在提交表单是执行的动作

向服务器提交表单的通常做法是提交按钮（submit）

action属性可以指定特定的脚本来处理被提交的表单数据

<form action="*.php[/.jsp/.asp]"></form>

method属性：

定义提交表单时候所用的HTTP方法(GET或POST)

<form action="*.php[/.jsp/.asp]" method="GEP[/POST]"></form>

使用技巧：

如果表单提交是被动的（比如搜索查询），并且没有重要数据。

使用GET时，表单提交的数据在URL中是可见的

反之——

表单是动态更新或者密码内容的，POST更加适合，而且提交的数据在URL不可见

name属性：

如果希望提交的表单数据可以被服务器获取到或者看见，就需要给表单元素添加一个name属性（在脚本中会按照字段接收数据信息）

< fieldset >标签：组合表单元素

< fieldset >组合表单中的相关数据
< legend >元素为< fieldset >元素定义标题

<!DOCTYPE html>
<html>
    <head>
        <title>用户</title>
    </head>
    <body>
        <form method="POST">
            <fieldset>
                <legend>用户注册</legend>
                用户名：<br />
                <input type="text" name="name" />
                <br />
                密  码：<br />
                <input type="text" name="passworld" />
                <br />
                <input type="submit" value="确定" name="input" />
            </fieldset>
        </form>
    </body>
</html>

< select >标签：下拉列表

< select > 标签是开始

< option > 元素定义可选择的选项

<select>
    <option value="中国">中国</option>
    <option value="美国">美国</option>
</select>

< textarea>标签：文本域

定义一个文本域（多行输入字段）
rows / cols：文本域大小（px）

< button >标签：按钮

定义一个可点击的元素按钮

HTML输入：

type属性（输入类型）：

值	描述
button	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox	定义复选框。
file	定义输入字段和 "浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。
number	用于包含数字值的输入字段
date	定义日期字段的输入
color	定义颜色的输入
range	定义一个范围的滑块控件
month	定义日期字段输入或选择

输入限制（属性）：

属性	描述
disabled	规定输入字段应该被禁用。
max	规定输入字段的最大值。
maxlength	规定输入字段的最大字符数。
min	规定输入字段的最小值。
pattern	规定通过其检查输入值的正则表达式。
readonly	规定输入字段为只读（无法修改）。
required	规定输入字段是必需的（必需填写）。
size	规定输入字段的宽度（以字符计）。
step	规定输入字段的合法数字间隔。
value	规定输入字段的默认值。
height	规定高度（image）
width	规定宽度（image）

HTML图形：*

HTML多媒体：

视频格式：

? AVI，WMV，MPEG，MOV，Flash(.swf/.flv)，MP4……

声音格式：

? MIDI，rm，WAV，MP3

Object 元素：*

object的作用是支持HTML助手（插件）

HTML音频：

使用< embed >元素标签：

<embed height="100" width="100" src="/*.mp3" />

使用< object >元素标签：

< object tag > 标签可以定义外部内容的容器

<object height="100" width="100" data="/*.mp3" />

使用 < audio >元素标签：（HTML5）

<audio control="controls">
    <source src="/*.mp3" type="audio/mp3" />
</audio>

HTML视频：

使用 < embed >元素标签：

<embed src="/*.mp4" height="200" width="200" />

使用< object >元素标签：

<object data="/*.mp4" height="200" width="200" />

使用< video >元素标签：（HTML5）

<video width="300" height="250" controls="controls">
    <source src="/*.mp4" type="video/mp4" />
</video>

原文链接:https://www.cnblogs.com/wangyuyang1016/p/11438254.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：HTML学习笔记一

下一篇：CSS学习笔记一

IDC资讯：主机资讯注册资讯托管资讯 vps资讯网站建设

网站运营：建站经验策划盈利搜索优化网站推广免费资源

网站联盟：联盟新闻联盟介绍联盟点评网赚技巧

行业资讯：搜索引擎网络游戏电子商务广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器安全防护

软件技巧：其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识：网络协议网络安全网络管理组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条

最新资讯

热门关注

热门标签