HTML
简介:
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML对大小写不敏感!
HTML注释:
< !-- This is a 注释 -->
一些常用的标签
<html>定义HTML文档
<body>主体
<hr /> 水平线
<p>
HTML段落
</p>
<br/>换行
</body>
</html>
HTML表单
表单用来收集用户输入
<form>
表单。
</form>
表单元素:
表 单元素指的是不同类型的imput元素,复选框,单选按钮,提交按钮。
< input >元素
< input>是最重要 的表单元素
< input >元素有很多形态,根据不同的type属性。
类型 | 描述 |
---|---|
text | 定义常规文本输入 |
radio | 定义单选按钮输入(选择多个选择之一) |
submit | 定义提交按钮(提交表单) |
< input type=“submit”>定义用于向表单处理程序(form-handler)提交表单的按钮。
表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
表单处理程序在表单的 action 属性中指定:
Action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常,表单会被提交到 web 服务器上的网页。
在上面的例子中,指定了某个服务器脚本来处理被提交表单:
<form action="action_page.php">
如果省略 action 属性,则 action 会被设置为当前页面。
Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
<form action="action_page.php" method="GET">
或:
<form action="action_page.php" method="POST">
Name 属性
如果要正确地被提交,每个输入字段必须设置一个 name 属性。
本例只会提交 “Last name” 输入字段:
实例
<form action="action_page.php">
First name:<br>
<input type="text" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form>
用 < fieldset> 组合表单数据
< fieldset> 元素组合表单中的相关数据
< legend> 元素为 < fieldset> 元素定义标题。
< select> 元素(下拉列表)
< select> 元素定义下拉列表:
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
< button> 元素
< button> 元素定义可点击的按钮:
<button type="button" onclick="alert('Hello World!')">
Click Me!</button>