HTML <input> ±êÇ©µÄ align ÊôÐÔ

ʵÀý

ÏÂÃæµÄ±íµ¥ÓµÓÐÁ½¸öÊäÈë×Ö¶ÎÒÔ¼°Ò»¸öͼÏñÐÎʽµÄÌá½»°´Å¥£º

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="image" src="submit.jpg" alt="Submit" align="right" />
  <p>This is some text This is some text This is some text.</p>
</form>

Ç××ÔÊÔÒ»ÊÔ

¶¨ÒåºÍÓ÷¨

align ÊôÐÔÖ»ÄÜÓë <input type="image"> ÅäºÏʹÓá£Ëü¹æ¶¨Í¼ÏñÊäÈëÏà¶ÔÓÚÖÜΧÆäËûÔªËØµÄ¶ÔÆë·½Ê½¡£

ä¯ÀÀÆ÷Ö§³Ö

Ö»ÓÐ "left" ºÍ "right" ÖµµÃµ½ËùÓÐä¯ÀÀÆ÷µÄÖ§³Ö¡£

¼æÈÝÐÔ×¢ÊÍ

ÔÚ HTML 4.01 ÖУ¬²»ÔÞ³ÉʹÓà input ÔªËØµÄ align ÊôÐÔ¡£ÔÚ XHTML 1.0 Strict DTD Öв»Ö§³Ö¸ÃÊôÐÔ¡£

ÇëʹÓà CSS ´úÌæ¡£

CSS Óï·¨£º<input type="image" style="float:right" />

CSS ʵÀý: ¶ÔÆë input ͼÏñ

ÔÚÎÒÃÇµÄ CSS ½Ì³ÌÖУ¬Äú¿ÉÒÔÕÒµ½¸ü¶àÓÐ¹Ø float ÊôÐÔ µÄϸ½Ú¡£

Óï·¨

<input accept="value">

ÊôÐÔÖµ

Öµ ÃèÊö
left ×ó¶ÔÆëͼÏñ£¨Ä¬ÈÏ£©¡£
right ÓÒ¶ÔÆë¶ÔÏó¡£
top ÉÏ¶ÔÆëͼÏñ¡£
middle ¾ÓÖÐ¶ÔÆëͼÏñ¡£
bottom ÏÂ¶ÔÆëͼÏñ¡£
VUE