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

bluepeach發表於2021-09-09

表單有由表單域、提示文字、表單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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2558/viewspace-2821890/,如需轉載,請註明出處,否則將追究法律責任。

相關文章