form Tag

<form action="file link" method="http method"> </form

form attributes

Note：

• lable

  <label for="emailid">Email</label> <input type="email id="emailid">"
  

  表單的元件說明標題或可使用其特性運用。常和 input(不包含type="hidden"), textarea, button 等等，使用。
  常用加入 for，設定與 input id 做關聯。當點擊 label 時，會帶到相關連的 input 欄位，等於是點了輸入框的意思。

form elements

input:

<input type="****" value="****" inputmode="****">

type HTML：

input CSS:

• 取消 input 預設樣式
  

  background:none; //預設白底背景取消
  outline:none; //點選時出現的藍色外框線
  border:0px; //取消預設的黑色外框線
  

• 屬性選取器 - 選取不同的 type 值：

  input[type="button"] {.....}
  input[type="submit"]  {.....}
  

1. inputmode： 輸入鍵盤設定

textarea:

<textarea rows="列數" cols="行數">text</textarea>

textarea CSS:

• 取消預設 resize：當拖曳右下角小三角形，可以縮放 textarea 大小。

  resize:none;
  

• 背景顏色、外框取消：

  outline: none;
  border : 0;
  

參考資料：

• 用 inputmode 決定你的鍵盤
• 表單
• textarea-tricks