:: àÁ¹ÙËÅÑ¡
 áºº·´Êͺ¡è͹àÃÕ¹
 Ë¹èÇ·Õè 1 âÅ¡¢Í§àÇçºà¾¨áÅÐàÇçºä«µì
 Ë¹èÇ·Õè 2 àÃÔèÁµé¹¡Ñº HTML
 Ë¹èÇ·Õè 3 ¡ÒèѴ¡ÒâéͤÇÒÁ
 Ë¹èÇ·Õè 4 ¡ÒÃãªéÅÔʵìÊÃéÒ§ÃÒ¡ÒÃ
 Ë¹èÇ·Õè 5 ¡ÒÃá·Ã¡ÀÒ¾
 Ë¹èÇ·Õè 6 ¡ÒÃÊÃéÒ§µÒÃÒ§
 Ë¹èÇ·Õè 7 ¡ÒÃàª×èÍÁâ§àÇçºà¾¨´éÇÂÅÔ§¤ì
˹èÇ·Õè 8 ¡ÒÃãªé§Ò¹ä¿ÅìÇÕ´ÕâÍáÅÐàÊÕ§
 Ë¹èÇ·Õè 9 ¡ÒÃÊÃéÒ§¿ÍÃìÁ
 áºº·´Êͺ¡è͹àÃÕ¹
Ẻ¿ÍÃìÁ»é͹¢éÍÁÙÅ
¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ Text Box
 ¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ password
 ¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ Check Box
 ¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ Radio Button
 ¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´á¹º File
 ¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ Text Area
 ¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ Selection Box
 ¡ÒÃÊÃéÒ§»ØèÁª¹Ô´ reset áÅÐ submit
 áºº½Ö¡ËÑ´
 áºº·´ÊͺËÅѧàÃÕ¹
 áºº·´ÊͺËÅѧàÃÕ¹àÃÕ¹
:: ˹èÇ·Õè 9 ¡ÒÃÊÃéÒ§¿ÍÃìÁ
¡ÒÃÊÃéÒ§¿ÍÃìÁª¹Ô´ Text Box


ªèͧÃѺ¢éÍÁÙŪ¹Ô´ Text Box ¤×ͪèͧÃѺ¢éÍÁÙÅ·ÑèÇ æ ä»·ÕèàÃÒàË繡ѹà»ç¹»ÃÐ¨Ó àªè¹ ¡ÒÃÃѺ¢éÍÁÙÅ ª×èÍ – ¹ÒÁÊ¡ØÅ ËÃ×Í¢éÍÁÙÅÊèǹµÑÇÍ×è¹ æ

Tag
ª×èÍá·ç¡ input
µÓá˹è§á·ç¡ ÍÂÙèÀÒÂã¹á·ç¡ <form>...</form> 
ÃٻẺ¡ÒÃãªéá·ç¡ <input type="value" name="ª×èͪèͧ¡ÃÍ¡¢éÍÁÙÅ">
á͵·ÃÔºÔǵì type  ª¹Ô´¢Í§¡ÒÃÃѺ¢éÍÁÙÅ
¤èÒ value text  ¡ÃͺÊÕèàËÅÕè·ÕèÊÒÁÒö¾ÔÁ¾ì¢éͤÇÒÁŧä»ä´é


µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<form>
«×èÍ : <input type="text" name="firstname">
¹ÒÁÊ¡ØÅ : <input type="text" name="lastname">
</form>
</body>

¡ÒÃáÊ´§¼Å

«×èÍ :
¹ÒÁÊ¡ØÅ :

 

 


¡ÒèӡѴ¨Ó¹Ç¹µÑÇÍÑ¡ÉÃ㹡ÒáÃÍ¡

㹡ÒáÃÍ¡¢éÍÁÙźҧ¤ÃÑ駨Óà»ç¹µéͧÁÕ¡ÒèӡѴ¨Ó¹Ç¹µÑÇÍÑ¡Éà ·ÕèÊÒÁÒö¡ÃÍ¡ä´é à¾ÃÒкҧàªè¹ àÅ¢ºÑµÃµèÒ§·ÕèÁÕÁըӹǹ¤§·Õè äÁèÁÕ¡ÒÃà»ÅÕè¹á»Å§¨Ó¹Ç¹µÑÇàÅ¢ ËÃ×ͨӡѴ¢éͤÇÒÁ

Attribute
áÍ··ÃÔºÔǵì maxlength
µÓá˹è§á·ç¡ ÍÂÙèÀÒÂã¹á·ç¡à»Ô´ <input>
ÃٻẺ¡ÒÃãªéá·ç¡ <input type="text" maxlength="value">
¤èÒ value µÑÇàÅ¢ 1,2,3....


µÑÇÍÂèÒ§¡ÒÃãªé§Ò¹
<body>
<form>
           àÅ¢ºÑµÃ»ÃЪҪ¹ 13 ËÅÑ¡: <input type="text" name="id" maxlength="13">
</form>
</body>


¡ÒÃáÊ´§¼Å

àÅ¢ºÑµÃ»ÃЪҪ¹ 13 ËÅÑ¡:

¨Ò¡¡ÒáÓ˹´¨Ó¹Ç¹µÑÇÍÑ¡ÉÃ㹡ÒáÃÍ¡¢éÍÁÙÅ ã¹µÑÇÍÂèÒ§¨Ð¡Ó˹´ãËé¡ÃÍ¡ä´éà¾Õ§ 13 µÑÇ