代码下所示:
1 | <html> |
PS:部分功能尚不能实现
代码下所示:
1 | <html> |
PS:部分功能尚不能实现
框架是一种页面布局技术,在一个页面内显示多个网页,通过超链接为框架之间建立内容之间的联系,从而实现页面导航的功能。定义框架的标签如下表所示。
序号 | 标签名称 | 功能描述 |
---|---|---|
1 | <frame> | 定义框架集的窗口或框架 |
2 | <frameset> | 定义框架集 |
3 | <noframes> | 定义针对不支持框架的用户的替代内容 |
4 | <iframe> | 定义内联框架 |
PS:<frame>不能与<body><\body>一同使用,否则无法正常显示!
构建表单标签的元素主要有文本框、密码框、复选框、单选按钮、标准按钮、提交按钮、重置按钮、图像框、文字域、隐藏域、下拉菜单和列表等。
标签名称 | 功能描述 |
---|---|
<form> | 定义供用户输入的HTML表格 |
<input> | 定义输入控件 |
<textarea> | 定义多行文本的输入控件 |
<button> | 定义按钮 |
<select> | 定义选择列表(下拉列表) |
<optgroup> | 定义选择列表中相关选项的组合 |
<option> | 定义选择列表中的选项 |
<label> | 定义input元素的标注 |
<fieldset> | 定义围绕表单中元素的边框 |
<legend> | 定义fieldset元素的标题 |
1.<form>标签成对出现,常用属性:name、method、action;
2.<input>标签为单标签,常用属性:type、name、size、value等;
3.<input>标签的type取值决定了控件的类型,可以取值:botton、checkbox、file、hidden、iamge、password、radio、reset、submit、text。
1 | <html> |
所得效果如下所示:
以下为<select>标签用法示例。
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
</head>
<body>
<form>
<select id="shabi" name="cars" size="3" multiple>
<option value="1" selected>A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
</select>
<br />
<br />
<select size="1">
<option value="1" selected />A
<option value="2" />B
<option value="3" />C
<option value="4" />D
</select>
</form>
</body>
</html>
在如上代码中,在<select>标签中加入multiple属性使得表单变成列表框,不加则默认为下拉框。size属性表示表单的长度。在<option>标签中加入select属性表示选中该项。
<option>标签可与</option>成对存在,也可以<option />形式单独存在。
代码效果如下所示:
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
1 | $ hexo new "My New Post" |
More info: Writing
1 | $ hexo server |
More info: Server
1 | $ hexo generate |
More info: Generating
1 | $ hexo deploy |
More info: Deployment