html5学习笔记(3)

2025-02-11 技术教程

html表单的创建

表单：

表单用于获取不同类型的用户输入

常用标签：http://www.w3school.com.cn/tags/html_ref_byfunc.asp

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title></head><body><form>用户名<inputtype="text">密码<inputtype="password"><br/><br/>fruit<br/><inputtype="checkbox">apple<inputtype="checkbox">banana<inputtype="checkbox">pear<br/>性别<br/>男<inputtype="radio"name="sex">女<inputtype="radio"name="sex"><br/>city<select><option>xiamen</option><option>lanzhou</option><option>fuzhou</option></select><br/><inputtype="button"value="button"><inputtype="submit"value="提交"></form><textareacols="30"rows="20">info:</textarea></body></html>

PHP环境搭建：

具体搭建方法参考PHPeclipse的安装。网上可以搜到

html5表单和php交互

定义一个表单提交：

index.html中：

<!DOCTYPEhtml><html><headlang="zh"><metacharset="UTF-8"><title></title></head><body><formaction="http://localhost/myservice/service.php"method="get">用户名<inputtype="text"name="name">密码<inputtype="password"name="password"><br/><inputtype="submit"value="提交"></form></body></html>

service.php

<?php/**Createdon2015-6-23**Tochangethetemplateforthisgeneratedfilegoto*Window-Preferences-PHPeclipse-PHP-CodeTemplates*/echo"username".$_GET['name']."<br>password".$_GET['password'];?>

html5的框架，背景和实体-框架

html框架：

框架标签（frame）: 框架对于页面的设计有着很大的作用

框架集标签（<framset>）\

内联框架：iframe:

http://www.w3school.com.cn/tags/html_ref_byfunc.asp

创建三个框架framea.html framec.html

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title></head><bodybgcolor="#faebd7">framea<br/><ahref="http://www.baidu.com"target="_top">baidu</a></body></html>

frameb.html,

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title></head><bodybgcolor="#8a2be2">frameb<br/><iframesrc="framea.html"width="400px"height="400px"></iframe></body></html>

framec.html

<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title></head><bodybgcolor="#f0ffff">frameb<br/><iframesrc="frameb.html"width="600px"height="600px"></iframe></body></html>

在index.html中

<!DOCTYPEhtml><frame><headlang="en"><metacharset="UTF-8"><title></title></head><br/><iframesrc="framec.html"frameborder="0"width="400px"height="400px"></iframe></html>

html 背景

1.背景标签

background

2.背景颜色：

bgcolor

html实体：

http://www.w3school.com.cn/tags/html_ref_ascii.asp

极客学院：http://www.jikexueyuan.com/course/139.html