【Html】 基礎教學_表格 第二篇:文字輸入方塊及按鈕

上一回提供表單,但表單裡面至少要放東西吧?

首先教學簡單的文字輸入方塊 以下是網路一個表格範例....   

文字輸入方塊

input text 通常用在 表單,所以要放在 <form></form> 標籤中

讓使用者填好資料並送出表單後,

才能夠順利將資料送到Backend處理。那如果要顯示多行內容用<textarea></textarea>

顯示結果 語法 範例
<input type="text" name="自己取"/> <input type="text" name="Account" >  
<input type="password" name="自己取"/> <input type="password" name="Password">
<textarea>......</textarea>  <textarea cols="50" rows="5">Input your Text
    </textarea>

按鈕

顯示結果 語法 範例
一般按鈕 <input type="button"/>   <input type="button" value="Button">
確認資料送出 送到<form></form>中的url <input type="submit"/> <input type="submit" value="Submit">
重設,清除  <input type="reset"/>  <input type="reset" value="Reset">

備註:由此看的出來 Value=按鈕裡面的文字

通常結合JS一起去做動作喔~所以Html 真的和JS息息相關!

下一篇就要介紹控制項(下拉選單 Checkbox,RadioButton)