HTML <input> ຕາມ

  • ການໄປຫນັງຫນຶ່ງ <img>
  • ການໄປຕໍ່ໄປ <ins>

ການສະແດງຂອງບັນນາທິການ ແລະ ການນໍາໃຊ້

<input> ຕົວອອກແມ່ນອອກຄວາມຄິດຂອງບັນນາທິການທີ່ສາມາດບັນທຶກຂໍ້ມູນໄດ້.

<input> ປະກອບສັນຍາລັງແມ່ນປະກອບສັນຍາທີ່ສຳຄັນຂອງຟອມຂໍ້ມູນ.

<input> ສະແດງສະເພາະຂອງປະກອບສັນຍາລັງຈະຕາມ ຜົນປະກອບ type.

ນີ້ແມ່ນຖານບັນນາທິການທີ່ຫຼາກຫຼາຍ:

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">(ຄູ່ມນິງ)
  • <input type="time">
  • <input type="url">
  • <input type="week">

ບັນຈຸ ຜົນປະກອບ typeທີ່ຢືນຢັນຄວາມຈິງຂອງຖານບັນນາທິການທັງໝົດ!

ຄວາມຈຳນວນ

ຟອມ HTML ກັບສາມບັນດາບັນດາບາງ (ສາມບັນດາບັນດາບາງຂອງບາງບາງ): ສອງບັນດາບັນດາບາງຂອງບາງບາງ ແລະ ບັນດາບັນດາບາງຂອງບາງບາງ.

<form action="/action_page.php">
  <label for="fname">ຊື່:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">ຊື່ສະມາຊິກ:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ສົ່ງສະບາຍ">
</form>

ການທົດລອງດູດດູນ

ຄຳແນະນຳ ແລະ ຄວາມຄິດ

ຄຳແນະນຳ:ກວດກາວ່າຈະຕ້ອງມີ <label> ສຳລັບອີກຫຼາຍສິ່ງລວມ.

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

ຜົນຜະບັນຍາ

ຜົນຜະບັນຍາ ຄວາມຄິດ ການອະທິບາຍ
accept
  • ການຂະຫຍາຍສະໜາມແບບຫຼັກ
  • audio/*
  • video/*
  • image/*
  • ສະຖານະການສະແດງ

ກໍານົດວ່າຈະມີບາງບັນດາບາງຂອງບາງບາງຂອງບາງບາງທີ່ຈະຖືກສົ່ງສະບາຍຮູບແບບບາງບາງຂອງບາງບາງ (ສຳລັບ type="file" ເທົ່ານັ້ນ).

ກໍານົດວ່າຈະມີການກະຕຸ້ມຕາມບາງບັນດາບາງບາງຂອງບາງບາງຂອງບາງບາງ (ສຳລັບ type="file" ເທົ່ານັ້ນ).
alt ຂໍ້ຄວາມ ກໍານົດວ່າຈະມີຄຳຕະກຳຄວາມຄິດຂອງຮູບພາບ (ສຳລັບ type="image" ເທົ່ານັ້ນ).
autocomplete
  • on
  • off
 ກໍານົດວ່າຈະມີການປະຕິບັດຄວາມປະຕິບັດອອກມາຕາມຄຳບັນທຶກ.
autofocus autofocus ກໍານົດວ່າ <input> ຈະມີຄວາມເນັ້ນຄວາມທັນທີໃນລະຫວ່າງການອ້ອມໂຍນບານ.
checked checked ກໍານົດວ່າ <input> ຈະຖືກເລືອກແລ້ວໃນລະຫວ່າງການອ້ອມໂຍນບານ (ສຳລັບ type="checkbox" ຫຼື type="radio").
dirname inputname.dir ກໍານົດວ່າຈະມີການກັບຕົວຄຳບັນທຶກ.
disabled disabled ກໍານົດວ່າ <input> ຈະຖືກປິດຕົວ.
form ບັນທຶກ id ຟອມ ກໍານົດວ່າ <input> ສາຍກັບຟອມ.
formaction URL ກໍານົດວ່າຈະຂຽນຮູບແບບ URL ສຳລັບການບັນທຶກຂໍ້ມູນສາຍຂໍ້ມູນສາຍ (ສຳລັບ type="submit" ແລະ type="image").
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 规定将表单数据提交到服务器时应如何对其进行编码（适用于 type="submit" 和 type="image"）。
formmethod
  • get
  • post
 定义用于将数据发送到 action URL 的 HTTP 方法（适用于 type="submit" 和 type="image"）。
formnovalidate formnovalidate 定义在提交表单元素时不应对其进行验证。
formtarget
  • _blank
  • _self
  • _parent
  • _top
框架名称 		规定在何处显示提交表单后收到的响应（适用于 type="submit" 和 type="image"）。
height ຕີມ 规定 元素的高度（仅适用于 type="image"）。
list datalist_id 引用包含 元素的预定义选项的 元素。
max
  • ໄດ້ຮັບການລະບຸ
  • 日期
 规定 元素的最大值。
maxlength ໄດ້ຮັບການລະບຸ 规定 元素允许的最大字符数。
min
  • ໄດ້ຮັບການລະບຸ
  • 日期
 规定 元素的最小值。
minlength ໄດ້ຮັບການລະບຸ 规定 元素中所需的最少字符数。
multiple multiple 规定用户可以在 元素中输入多个值。
name ຂໍ້ຄວາມ 规定 元素的名称。
pattern 正则表达式 规定检查 元素值的正则表达式。
placeholder ຂໍ້ຄວາມ 规定描述 元素预期值的简短提示。
popovertarget 元素 id 规定要调用的弹出框元素（仅适用于 type="button"）。
popovertargetaction
  • hide
  • show
  • toggle
 规定当您单击按钮时弹出框元素会发生什么（仅适用于 type="button"）。
readonly readonly 规定输入字段是只读的。
required required ຄວາມຕ້ອງການຂອງການບັງຄັບໃຫ້ຖອນຂໍ້ມູນກ່ອນຈະກະຈົບການຍິນຍອມຮູບແບບ.
size ໄດ້ຮັບການລະບຸ ຄວາມຕ້ອງການຂອງລະດັບວົງຕອນ <input> (ຈາກກຳນົດກວ່າສຳຫຼັບຈຳນວນຄວາມສະໄໝ).
src URL ຄວາມຕ້ອງການຂອງຈຸດໝາຍສຳຫຼັບຮູບພາບກົດສະຫຼຸບ (ພຽງແຕ່ຂະແໜງ type="image").
step
  • ໄດ້ຮັບການລະບຸ
  • any
 ກຳນົດຄວາມຄິດວຽນທີ່ມີຄວາມຖືກຕ້ອງຂອງຂັ້ນຕອນ.
type
  • button
  • checkbox
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week
 ກຳນົດຊະນິດຂອງ <input> ທີ່ຈະສະແດງ.
value ຂໍ້ຄວາມ ກຳນົດຄວາມຮັບປະກັນຂອງ <input>.
width ຕີມ ກຳນົດວັດທະນະບູລະບັນຂອງ <input> (ພຽງແຕ່ type="image").

ຜົນງານທີ່ສະເພາະ

<input> ອີກຢ່າງໜຶ່ງ ຜົນງານທີ່ສະເພາະ HTML.

ຜົນງານທີ່ການພາຍຸ

<input> ອີກຢ່າງໜຶ່ງ ຜົນງານທີ່ການພາຍຸ HTML.

ການປັບປຸງ CSS ດ້ວຍຄວາມປົກກະຕິ

ບໍ່ມີ.

ການສະໜັບສະໜູນບັນດາຄອມພິວເຕີ້

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ຫນຶ່ງຂອງຄວາມຈິງ

HTML ການສອນ:

HTML DOM ປືກສາ:

  • ການໄປຫນັງຫນຶ່ງ <img>
  • ການໄປຕໍ່ໄປ <ins>