<input type="text" name="name">-----文本框
<input type="password" name="pwd">-----密碼框
<input type="number" name="score">-----數值框
<input type="file" />------上傳文本標簽
<input type="email" name="email">---郵件框
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女 -----radio： 表示是單選按鈕，讀個radio姚形成按鈕組，才可以實作單選的效果，要形成按鈕組，必須讓他們的名稱相同
選按鈕
<input type="checkbox" name="hobby" checked value="足球">足球
<input type="checkbox" name="hobby" value="網球">網球
<input type="checkbox" name="hobby" value="排球">排球
<input type="checkbox" name="hobby" checked value="臺球">臺球
下拉串列
<select name="age" id="age">
<option value="-1">請選擇年齡</option>
<option value="20">20歲</option>
<option value="21">21歲</option>
<option value="22">22歲</option>
<option value="23">23歲</option>
</select>
<textarea rows="5" cols="50"></textarea>-----文本域（多行文本框）
<input type="submit" value="提交" >
<input type="reset" value="重置">
<input type="button" value="普通按鈕">------三種不同的按鈕 PS：普通按鈕本身是沒有任何作用的
<input type="text"
name="name"
placeholder="請輸入姓名"
required>
@@@ required:內容不允許為空
@@@ placeholder：控制元件中，內容為空時的提示資訊
placeholde 文本提示資訊 readonly 只讀 disabled 禁用(現在很少用了)
actlin：指把資料提交到什么地方去處理
method：它用于指定表單的提交方式
get：這種方式提交資料不安全，他提交的資料將會在網頁地址顯示，不能用于
post：這種方式
<form action="index.html">
<!--action 里面是提交的地址-->
文本標簽：<input type="text" name="name">
<br>
密碼標簽：<input type="password" name="pwd">
<br>
數值標簽：<input type="number" name="score">
<br>
郵件標簽：<input type="email" name="email">
<br>
上傳文本標簽：<input type="file" />
<br>
單選按鈕：
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女
<!--radio： 表示是單選按鈕，讀個radio姚形成按鈕組，
才可以實作單選的效果，要形成按鈕組，必須讓他們的名稱相同--->
<br>
復選按鈕：
<input type="checkbox" name="hobby" checked value="足球">足球<!--ckecked為默認選中-->
<input type="checkbox" name="hobby" value="網球">網球
<input type="checkbox" name="hobby" value="排球">排球
<input type="checkbox" name="hobby" value="臺球">臺球
<br>
下拉串列：
<select name="age" id="age">
<option value="-1">請選擇年齡</option>
<option value="20">20歲</option>
<option value="21">21歲</option>
<option value="22">22歲</option>
<option value="23">23歲</option>
</select>
<br>
文本域（多行文本框）：
<textarea rows="5" cols="30"></textarea>
<!--rows為高度 cols為寬度-->
<br>
三種按鈕：
<input type="submit" value="提交" >
<input type="reset" value="重置">
<input type="button" value="普通按鈕">
<!--普通按鈕本身是沒有任何作用的 -->
</form>
效果圖：
<input type="text" name="name" placeholder="請輸入姓名" required>
<!--required:內容不允許為空 placeholder：控制元件中，內容為空時的提示資訊-->
<input type="text" readonly value="123"/>
<input type="text" disabled value="123"/>
<!--readonly 只讀 disabled 禁用(現在很少用了)-->
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/262155.html
標籤：其他
下一篇：Golang學習之路—指標