<form>表单:
要创建基本表单,您需要三个元素:
form
,input
和button
元素。
带有局部属性的表单元素:
action,method,enctype,name,accept-charset,novalidate,target,autocomplete
表单HTTP方法
method属性指定将使用哪个HTTP方法将表单数据发送到服务器。允许的值为
get
和post
,它们对应于http get和post方法。
method属性的默认值为
get
。
属性:action
method:post ,get
get:
1、url?后面加上传送的字符串
2、传送资料会显示在浏览器的地址栏
3、会有安全问题
4、传送资料不可太大
post:
1、传送表单信息作为httprequest的一部分
2、资料不会显示在浏览器的地址栏
3、传送资料可以很大
4、安全性高 ;
5、file表单域时,用post方式传送
单选按钮一般是多个出现,同一类型的单选框name属性保持一样,如果不一样name就是不同组的按选框
隐藏域是需
要显示在页面的信息。
<from>表单域:
文本框:<input type= "text" id = "wbk" name="wbk" value="文本框" readonly disabled/>
密码框:<input type= "passwoed" id = "mmk" name="mmk" value="mm" readonly disabled/>
单选按钮:<input type= "radio" id = "radiol" name="hobby" value="nan" checkbox/>
复选框:<input type= "CheckBox" id = "radiol" name="hobby" value="nan" />
隐藏域:<input type= "hidden" id = "radiol" name="hobby" value="nan"/>
文本域:《textarea》 row
图片域:<input type= "image" id = "radiol" name="hobby" src = “图片名”title = “”取名“”alt =“”找不到该图片“” width=“”30px“” height=“”90px“”/>
cols一列方式分割;
rows以行方式分割;
密码框:<input type= "passwoed" id = "mmk" name="mmk" value="mm" readonly disabled/>
单选按钮:<input type= "radio" id = "radiol" name="hobby" value="nan" checkbox/>
复选框:<input type= "CheckBox" id = "radiol" name="hobby" value="nan" />
隐藏域:<input type= "hidden" id = "radiol" name="hobby" value="nan"/>
文本域:《textarea》 row
图片域:<input type= "image" id = "radiol" name="hobby" src = “图片名”title = “”取名“”alt =“”找不到该图片“” width=“”30px“” height=“”90px“”/>
文件上传域:有file的表单只能用post传送方式
<frameset>标签的属性:
cols一列方式分割;
rows以行方式分割;
css:
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
css的优点:
独立于html文件,方便修改,同时加快页面加载的速度,同时也能够实现同意效果的重用,多张网页使用同样的CSS情形下,只需一次加载,减少代码量。常用的三种选择器:ID选择器、class类选择器、E元素选择器id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id 选择器以 "#" 来定义。
下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:
#red
{color:red;}#green
{color:green;}下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 green 的 p 元素显示为绿色。
<pid="red"
>这个段落是红色。</p> <pid="green"
>这个段落是绿色。</p>在 CSS 中,类选择器以一个点号显示:
.center
{text-align: center}在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。
在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。
<h1class="center"
> This heading will be center-aligned </h1> <pclass="center"
> This paragraph will also be center-aligned. </p>
最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器
如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身:
html {color:black;} h1 {color:blue;} h2 {color:silver;}以上是我的学习笔记,有不对的地方或建议欢迎大家评论和指正!