A common property .HTML
1. Tip title
2. class
3. ID
4. style
Description: In addition html, head, body, link, meta tag other properties can be used
two forms.
1. The effect of the form: a collection client information is then sent to the server.
2. Form format
<action = "URL server .php" form method = "transmission get | post" name = "form name">
...
</ form>
Description:
. A written Action URL of the server
server: install computer application software
WEB server: provide with a browsing service applications
b method defaults GET.
c GET:. the First name / value pairs appended to the browser address bar of
the form: xx.php user = tom & pwd? = 123
small files, unsafe
d post:. information name / value pair in the HTTP request header attached
in large files, security
e form elements have a valid name and submitted values.
3.
(1) line text box
<input type = "text" name = " name" value = "value" size = "text box width" maxlength = "maximum length" />
(2) Password box
<input type = "password "name =" name "value =" value "size =" text box width "maxlength =" maximum length "/>
(3) check box
<input type =" radio "name =" name "value =" value " />
Description:
. a group of the same name have the same single box
b checkbox must submit a valid value = the checked "the checked."
(. 4) checkbox
<input type = "checkbox" name = " name" value = "value" />
Description:
. a set of checkboxes same name must be the same, and the name is stored in an array (plurality of stored values), of the form: name []
. B must have a valid checkboxes submit value = the checked "the checked"
(. 5) drop-down list box
<select name = "Name "multiple =" multiple "size = " height ">
<optgroup label =" group name ">
<Option value =" Name "> ... </ Option>
<Option value =" Name "> ... </ option>
</ optgroup>
...
</ SELECT>
Description:
. A drop-down list box have submitted a valid value = Selected "Selected"
B set multiple = "multiple" is selected from multi-down list box.
name name is stored in an array, the form name []
(6) the browser frame
<input type = "file" name = " name" value = "value" />
Description:
form has a browse box have the condition
. a method of transmission must be POST
. B form tag attributes and values to
the enctype = "multipart / form-Data"
(. 7) multi-line text boxes
<textarea name = "attribute" rows = "height" cols = "width">
value
</ textarea>
Description: multi-line text HTML online editor box is an alternative
(8) button
submit button:
<the INPUT of the type = "the submit" name = "name" value = "value" />
push buttons:
<INPUT type = "Button" name = "name" value = "value" />
Note: javascript must be combined to achieve a form submit script code
image domain button:
<the INPUT of the type = "Image" src = "Image URL" name = "name" value = "value" />
reset button
<input type = "reset" name = "name" value = "value" />
Note: do not allow any buttons to name attribute
(9) hidden field
<input type = "hidden" name = " name" value = "value" />
Description: to the server by value , disregard the client
(10) summarized
a <input type = "type" name = "name" value = "value" />.
type:
text-line text box
password password box
radio checkbox
checkbox checkbox
file browse box
submit button submit
button push button
image image domain button
reset the reset button
hidden hidden field
b. Other
Drop-down list box <select> ... </ select>
multi-line text boxes <textarea> ... </ textarea>
three frame set:
1. Role: the frame is used to set a plurality of windows to achieve the effect of tissue,
and each window independence page
2. classification
frameset frameset
iframe frameset
3.frameset format
(. 1) <frameset rows | cols>
<frame the src = "1.html" />
<frame the src = "2.html" />
</ frameset>
Description:
. properties A frameset
rows = "20%, *" to achieve vertical window
cols = "20%, *" window achieve about
b.frameset body and can not be used with
c checks whether the support frame assembly.
<noframes>
<body> this browser does not support frames </ body>
</ noframes>
(. 3) nested frames
<frameset rows = "20 is%, *">
<Frame the src = "the top.html" />
<frameset cols = "20 is%, *">
<Frame the src = "the menu.html" />
<Frame the src = "main .html "/>
</ frameset>
</ frameset>
(. 4) frame attribute
a.noresize: no | yes adjustment window
b.scrolling: no | yes | auto scroll automatically set
c.frameborder: by the border frame 0
4.iframe framework
<iframe src = "target document the URL of"
width = "width" height = "height"
name = "frame name"
scrolling = "NO"
frameborder = "0">
...
</ iframes.>
附带eg代码:
<body>
<form action="index.php" method="get" name="test1">
单行文本框:
<input type="text" name="test-text" value="type类型为text,name名称为test-text,size为100,maxlength为50" size="100" maxlength="50"/> <br />
<!--密码框-->
密码框(type类型为password,name名称为test-password,size为100,maxlength为50):
<input type="password" name="test-password" value="" size="100" maxlength="50"/> <br />
<!--单选框-->
单选框:
<br />
<input type="radio" name="test-radio1" value="type类型为radio,name名称为test-radio1"/> type类型为radio,name名称为test-radio1 <br />
<input type="radio" name="test-radio2" value="type类型为radio,name名称为test-radio"/> type类型为radio,name名称为test-radio2 <br />
<input type="radio" name="test-radio3" value="type类型为radio,name名称为test-radio"/> type类型为radio,name名称为test-radio3 <br />
<!--多选框-->
多选框: <br />
<input type="checkbox" name="test-checkbox1" value="type类型为checkbox,name名称为test-checkbox1"/> type类型为checkbox,name名称为test-checkbox1 <br />
<input type="checkbox" name="test-checkbox2" value="type类型为checkbox,name名称为test-checkbox2"/> type类型为checkbox,name名称为test-checkbox2 <br />
<input type="checkbox" name="test-checkbox3" value="type类型为checkbox,name名称为test-checkbox3"/> type类型为checkbox,name名称为test-checkbox3 <br />
<!--下拉列表框-->
下拉列表框:
<select name="test-select" multiple="multiple" size="1">
<optgroup label="分组名称">
<option value="1">1</option>
<option value="2">2</option>
</optgroup>
<optgroup label="水果">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橘子</option>
</optgroup>
<optgroup label="蔬菜">
<option value="qingcai">青菜</option>
<option value="xiangcai">香菜</option>
</optgroup>
</select>
</form>
<!--浏览框-->
<form action="test-none.php" method="post" name="test2">
浏览框:<input type="file" name="test-file" value="type类型为file,name名称为test-file"/>
<br />
<!--编辑器兼容出错-->
<p>
<font color="#0000FF" size="20">
下面的“多行文本框”“提交按钮”“普通按钮”“图像域按钮”“重置按钮”“隐藏按钮”等标签因编辑器出错无法在此页面做出预览,请移步至另一个页面查看
<a href="http://down.mykeji.net/upload/da03.html" target="_blank">点击此处查看</a>
</font>
</p>
<br />
<br />
<br />
<br />
<!--框架集-->
<p>
<font color="#FF0000" size="20">
框架集标签,因无法在此页面做出预览,请移步至另一个页面查看
<a href="http://ask.mykeji.net/" target="_blank">点击此处查看</a>
</font>
</p>
</body>