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 ½Ì³ÌÖУ¬Äú¿ÉÒÔÕÒµ½¸ü¶àÓÐ¹Ø float ÊôÐÔ µÄϸ½Ú¡£
Óï·¨
<input accept="value">
ÊôÐÔÖµ
Öµ | ÃèÊö |
---|---|
left | ×ó¶ÔÆëͼÏñ£¨Ä¬ÈÏ£©¡£ |
right | ÓÒ¶ÔÆë¶ÔÏó¡£ |
top | ÉÏ¶ÔÆëͼÏñ¡£ |
middle | ¾ÓÖÐ¶ÔÆëͼÏñ¡£ |
bottom | ÏÂ¶ÔÆëͼÏñ¡£ |