第九課 表單及表單控制元件 html5學習4

表單有由表單域、提示文字、表單3部分構成

一、表單控制元件

input 控制元件 
1、<input />單標籤
2、input屬性：
可以透過type屬性變換形狀 
value預設值 
name名稱 
checked=checked預設選中
maxlength 最多輸入 正整數
3、<input /> type屬性值：text文字框、
　　　　password密碼框、
　　　　radio單選框 如果是一組，透過相同的name實現、
　　　　checkbox核取方塊、
　　　　button普通按鈕、
　　　　submit 提交按鈕、
　　　　reset 重置按鈕、
　　　　image 圖片按鈕、
　　　　file 檔案域 檔案按鈕

label標籤
1、label直接進行包裹 : <label>輸入賬號：<input type="text"/></label>
2、如果label裡面有多個表單，想定位到某個 可以透過for id的格式進行

textarea 文字域 
多用於評論框，留言框
1、<textarea>請輸入留言</textarea>

select 下拉選單標籤
1、語法結構
<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
</select>

2、注意：
<select></select>中應至少包含一對<option></option>
在option中定義selected="selected"時、當前選項即為預設選項

二、表單域
表單域 form 收集表單控制元件資訊，並且提交的。
1、語法結構
<form>
<p>使用者名稱:<input type="text" name="username"/></p>
<p>密&nbsp;碼:<input type="password" name="pwd"/></p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
2、常用屬性
action="地址"
method 用於設定表單資料提交方式，取值為get或post 
get速度塊但是會顯示錶單裡面的內容，不安全，不能做密碼的提交
post速度慢一些 但是 不會顯示錶單內容 安全一些
name 屬性

作者：

原文連結：https://www.cnblogs.com/Liuxingtao/p/10405037.html