HTML学习笔记

输入框

type="text"规定了要显示的 元素的类型为text
type="password"规定了要显示的 元素的类型为密码框（效果如图）

placeholder=“请输入密码”
placeholder 属性规定可描述输入 字段预期值的简短的提示信息 。（效果如图）

账号：<input type="text" placeholder="请输入账号"/><br />
密码：<input type="password" placeholder="请输入密码"/><br />

实现单选

Radio 对象代表 HTML 表单中的单选按钮。
name=" " 设置或返回单选按钮的名称。

<input type="radio" name="group1"/>男
<input type="radio" name="group1"/>女

效果如下

实现多选

Checkbox 对象代表一个 HTML 表单中的 一个选择框。
name=""设置或返回 checkbox 的名称。

<input type="checkbox" name="group2"/>篮球
<input type="checkbox" name="group2"/>足球
<input type="checkbox" name="group2"/>跑步

效果如下

下拉框选择

<select>
	<option value="volvo">Volvo</option>
	<option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>

select 元素用来创建下拉列表。
Option 对象代表 HTML 表单中下拉列表中的一个选项。
在 HTML 表单中 标签每出现一次，一个 Option 对象就会被创建。

对下拉框内的选项进行分组

optgroup 标签经常用于把相关的选项组合在一起。

如果你有很多的选项组合, 你可以使用 标签能够很简单的将相关选项组合在一起。
label 属性为选项组规定描述标签。

<select>
		<optgroup label="北部城市">
				<option value="北京">北京</option>
		</optgroup>
		<optgroup label="东部城市">
				<option value="上海">上海</option>
				<option value="温州">温州</option>
				<option value="杭州">杭州</option>
				<option value="南京">南京</option>
		</optgroup>
		<optgroup label="南部城市">
				<option value="海南">海南</option>
		</optgroup>
</select>

效果如下

按钮实现

<input type="button"/ value="获取验证码">

拉伸框的实现

<textarea></textarea>

提交按钮与重置按钮的实现

提交按钮

Submit 对象代表 HTML 表单中的一个提交按钮 (submit button)。

在 HTML 表单中 标签每出现一次，一个 Submit 对象就会被创建。

<input type="submit" value="提交" />

重置按钮

在 HTML 表单中 标签每出现一次，一个 Reset 对象就会被创建。

当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。

<input type="reset" value="重置" />
需要重置的范围需要在<form></form>内

效果如下