ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML การอ้างอิง

HTML ตามลำดับตัวอักษร (เรียงลำดับ) HTML ตามหมวดหมู่ (เรียงลำดับ) HTML แอตทริบิวต์ HTML แอตทริบิวต์ทั่วโลก HTML เหตุการณ์ HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML เข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTTP ข้อความ HTTP วิธีการ PX จะ EM แปลง แป้นพิมพ์ลัด


 

HTML form Attribute


ความหมายและการใช้งาน

form แอตทริบิวต์ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบองค์ประกอบเป็น


นำไปใช้กับ

form แอตทริบิวต์ที่สามารถใช้กับองค์ประกอบต่อไปนี้:

องค์ประกอบ คุณลักษณะ
<button> form
<fieldset> form
<input> form
<keygen> form
<label> form
<meter> form
<object> form
<output> form
<select> form
<textarea> form

ตัวอย่าง

Button ตัวอย่าง

ปุ่มตั้งอยู่นอก form ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
</form>

<button type="submit" form="form1" value="Submit">Submit</button>
ลองตัวเอง»

Fieldset ตัวอย่าง

<fieldset> องค์ประกอบที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" method="get" id="form1">
  What is your favorite color? <input type="text" name="fav_color"><br>
  <input type="submit">
</form>

<fieldset form="form1">
  Name: <input type="text" name="username"><br>
  Email: <input type="text" name="usermail"><br>
</fieldset>
ลองตัวเอง»

Input ตัวอย่าง

สนามการป้อนข้อมูลที่ตั้งอยู่นอกรูปแบบ HTML ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

Last name: <input type="text" name="lname" form="form1">
ลองตัวเอง»

Keygen ตัวอย่าง

<keygen> องค์ประกอบที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_keygen.asp" method="get" id="secureform">
  Username: <input type="text" name="usr_name">
  <input type="submit">
</form>

Encryption: <keygen name="security" form="secureform">
ลองตัวเอง»

Label ตัวอย่าง

<label> องค์ประกอบที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" id="form1">
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="male" form="form1">Male</label>
ลองตัวเอง»

Meter ตัวอย่าง

<meter> องค์ประกอบที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

<meter form="form1" name="x1" min="0" low="40" high="90" max="100" value="95"></meter>
ลองตัวเอง»

Object ตัวอย่าง

<object> องค์ประกอบที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

<object data="helloworld.swf" height="400" width="400" form="form1" name="obj1"></object>
ลองตัวเอง»

Output ตัวอย่าง

<output> องค์ประกอบที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>

<output form="numform" name="x" for="a b"></output>
ลองตัวเอง»

Select ตัวอย่าง

รายการแบบหล่นลงที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" id="carform">
  Firstname:<input type="text" name="fname">
  <input type="submit">
</form>

<select name="carlist" form="carform">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
ลองตัวเอง»

Textarea ตัวอย่าง

พื้นที่ข้อความที่ตั้งอยู่นอกรูปแบบ ( แต่ยังเป็นส่วนหนึ่งของรูปแบบ):

<form action="demo_form.asp" id="usrform">
  Name: <input type="text" name="usrname">
  <input type="submit">
</form>

<textarea name="comment" form="usrform">Enter text here...</textarea>
ลองตัวเอง»

สนับสนุนเบราว์เซอร์

form แอตทริบิวต์มีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:

ธาตุ
button 10.0 ได้รับการสนับสนุน 4.0 5.1 9.5
fieldset ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน
input 9.0 ได้รับการสนับสนุน 4.0 5.1 10.6
keygen ใช่ ได้รับการสนับสนุน ใช่ 6.0 ใช่
label ใช่ ใช่ ใช่ ใช่ ใช่
meter ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน
object ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน ได้รับการสนับสนุน
output ใช่ ได้รับการสนับสนุน ใช่ ใช่ ใช่
select ใช่ ได้รับการสนับสนุน ใช่ ใช่ ใช่
textarea ใช่ ได้รับการสนับสนุน ใช่ ใช่ ใช่