搜尋

首頁 >Java >java教程 >Java Web涉及哪些HTML和CSS知識點？

Java Web涉及哪些HTML和CSS知識點？

王林
王林轉載
2023-04-23 14:49:141566瀏覽

1.HTML

1.1 表單標籤：form

#

表單標籤，在html頁面建立一個表單，表單標籤在瀏覽器上沒有任何顯示。如果資料需要提交到伺服器，負責收集資料的標籤必須放在表單標籤體內容。

　　action屬性：請求路徑，確定表單提交到伺服器的位址(路徑)

# 　　method屬性：請求方式。常用的取值：get、post

# 　　　　get:預設值

# 　　　　　　提交的資料追加在請求路徑上。例如：/1.html?username=alex&password=1234,資料格式k/v，追加是使用?連接，之後每一對資料使用&連接

## 　　　　　　因為請求路徑長度有限，所有get請求提交的資料有限。

　　　　post：

# 　　　　　　提交的資料不再請求路徑上追加(既不顯示在網址列上)

# 　　　　　　提交的資料大小不顯示

<body>
      <!-- 表单 -->
      <form action="" method="">
            <!-- 此处的内容可能被提交到服务器 -->
      </form>
      <!-- 此处的内容在<form>标签外部，此处数据不能提交到表单 -->
</body>
1.2 輸入域標籤：input

# 標籤用於獲得使用者輸入訊息，type屬性值不同，收集方式不同。最常用的標籤。

　　　rype屬性

　　　　　　text：文字框，單行的輸入字段，使用者可在其中輸入文字。預設寬度為20個字元

　　　　　　password：密碼框，密碼欄位。此欄位中的字元以黑圓顯示。

　　　　　　radio：單選框，表示一組互斥選項按鈕中的一個。當一個按鈕被選中，之前選中的按鈕就變成非選中的。

　　　　　　submit：提交按鈕。提交按鈕會把表單資料送到伺服器。一般不寫name屬性，否則將"提交"兩個字提交到伺服器。

因為不同項目需要的欄位不同，所以我沒有把所有的表單元素寫出來，以下標籤使用也需要大家掌握。

　　　　　　checkbox：複選框

# 　　　　　　filee：檔案上傳元件，提供"瀏覽"，按下可以選擇需要上傳的檔案。

　　　　　　hidden：隱藏字段，資料會傳送給伺服器，但是瀏覽器不會顯示。

　　　　　　reset：重設按鈕。將表單恢復到預設值。

　　　　　　image：圖像提交按鈕，透過src給按鈕設定圖片。

　　　　　　button：普通按鈕，常用於與JavaScript結合使用。

　　name：元素名，如果需要表單資料提交到伺服器，必須提供name屬性值，伺服器透過屬性值取得提交的資料。

　　value：設定input標籤的預設值。 submit和reset按鈕提交資料

# 　　size：大小

# 　　checked屬性：單選方塊或複選框被選取。

　　readonly：是否只讀

　　disabled：是否可用

　　maxlength：允許輸入的最大長度

# 1.3 下拉清單標籤：select

#