CSS表单样式
表單的作用就是用來將用戶的信息提交給服務器,比如搜索引擎搜索
<!DOCTYPE html><html lang="en"> <head><!--meta標簽還可以設置網頁頁面的元數據--><meta charset="UTF-8"><title>Document</title><style></style><script></script> </head> <body style="height: 5000px;"><form action="first.html">用戶名:<input type="text" name="username"><br/><br/>密碼:<input type="password" name="password"><br/><input type="submit" value="登錄"></form> </body> </html>點擊提交之后跳轉到一個模擬的后臺
如上圖,就可以獲得表單的數據了
1.我們在使用form標簽創建一個表單時,form標簽中必須指定一個action屬性,該屬性指向的是一個服務器地址,當我們提交表單時將會提交到action屬性對應的地址
2.使用form創建的僅僅只是一個空白的表單,我們還需要向form中添加不同的表單項,使用input來創建一個文本框,它的type屬性是text,那么獲取的就是一個文本輸入框,在文本框中我們也可以指定一個value值,但是它是文本框的默認顯示內容。input標簽的type屬性是submit那么就可以創建一個提交按鈕,可以將表單中的信息提交給服務器,但是如果希望表單項中的數據會提交到服務器中,還必須給表單項指定一個name屬性,name表示提交內容的名字,而且提交按鈕默認顯示的字符串是“提交查詢”,但是我們可以通過value屬性來指定按鈕上的文字。用戶填寫的信息會附在url地址后邊以查詢字符串的形式發送給服務器? url地址?查詢字符串 格式:屬性名=屬性值1&屬性名=屬性值2&屬性名=屬性值3&……
對于密碼框的輸入我們可以把type屬性設置為password,這樣就可以不在頁面中顯示密碼了,有更強的保護性。
3.單選框按鈕,我們可以使用input來創建一個單選按鈕,他的type屬性使用radio,單選按鈕通過nam屬性進行分組,,name屬性相同的是一組按鈕,像這種需要用戶選擇但是不需要用戶直接填寫內容的表單項還必須指定一個value屬性,這樣被選中的表單項的value屬性值將會最終提交給服務器
<input type="radio" name="gender" value="men">男<br/><input type="radio" name="gender" value="women">女4.多選框是type屬性為checkbox的input元素,我們如果希望給單選框或者多選款添加默認選項,可以使用checked屬性,設置為checked值
5.下拉列表
使用select來創建一個下拉列表,下拉列表的name屬性需要指定給select,而value屬性需要指定給option
<form action="#"> 你喜歡的球員<select name="player"><option value="ai">艾弗森</option><option value="ow">歐文</option><option value="curry">庫里</option><option value="kid">基德</option></select> </form>而對于下拉列表來說,我們可以使用selected="selected'來指定下拉列表的默認選項,multiple=“multiple”可以使得下拉列表變成一個多選的。
在selected中我們可以使用optgroup對選項進行分組,同一個optgroup中的選項是一組,可以通過label屬性來指定分組的名字。
6.使用textarea標簽可以創建一個文本域
7.type="reset"的input標簽可以創建一個重置按鈕,點擊重置按鈕以后表單中內容將會恢復為默認值
8.type="button"的input標簽可以創建一個單純的按鈕,不具有任何功能,只能被點擊
9.我們還可以使用button按鈕與type屬性來達到同樣的效果,并且使用更加靈活
10.在表單中,我們可以使用fieldset來為表單進行分組,在fieldset中,我們可以使用legend子標簽來指定組名
11.我們還可以使用label標簽來專門用來選中表單中的提示文字,它可以指定一個for屬性,該屬性的值需要指定一個表單項的id值,這樣我們在點擊提示文字時就可以選中表單項了,多用于單選,多選框中
12.框架集
它和內聯框架的作用類似,都是用于在一個頁面中引入其他外部的頁面,框架集可以同時引入多個頁面,而內聯框架只能引入一s,使用frameset來創建一個框架集,但是frameset和body不能出現在同一個頁面中,rows屬性可以指定框架集中的頁面一行行的排列,cols可以指定頁面一列列的排列,這兩個屬性必須指定一個,并在屬性中指定每一部分的大小。我們在子標簽frame中指定需要引入的頁面。
注意:framese和iframe一樣,它里面的內容不會被搜索引擎所檢索,所以如果搜索引擎檢索到的頁面是一個框架頁的話,它是不能去判斷里邊的內容的,使用框架集則意味著頁面中不能有自己的內容,只能引入其他的頁面,而我們每單獨加載一個頁面,瀏覽器都需要重新發送一次請求,引入幾個頁面就要發送幾次請求,用戶體驗差,如果非要使用,則建議使用frameset,不使用iframe
?
?
總結
- 上一篇: 基于D-S证据理论的数据融合算法的研究
- 下一篇: Log4j.properties配置详解