Question

我在我的网站上嵌入了一个电子邮件注册表单，而CSS与之相互冲突。如何将电子邮件表单标签强制显示在表单字段的左侧或顶部？它现在坐在田野的右边。

HTML：

<form name="signup" method="post" onSubmit="return submitIt(this);" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
<input type="text" id="rm_email" name="rm_email" />
Email:<br>
<input type="hidden" name="my_type" value="3" />
<input type="hidden" name="form_id" value="12565">

Answer 1

<form name="signup" method="post" onSubmit="return submitIt(this);" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
Email: <input type="text" id="rm_email" name="rm_email" />
<input type="hidden" name="my_type" value="3" />
<input type="hidden" name="form_id" value="12565">

您也可以使用标签，以便直接将CSS应用于其中......

<form name="signup" method="post" onSubmit="return submitIt(this);" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
<label for="rm_email">Email:</label> <input type="text" id="rm_email" name="rm_email" />
<input type="hidden" name="my_type" value="3" />
<input type="hidden" name="form_id" value="12565">

Answer 2

这应该是内联式的技巧：

<form name="signup" method="post" onSubmit="return submitIt(this);" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
  Email:
<input type="text" id="rm_email" name="rm_email" />

<input type="hidden" name="my_type" value="3" />
<input type="hidden" name="form_id" value="12565">

这是一个在彼此之上的

<form name="signup" method="post" onSubmit="return submitIt(this);" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
 Email:<br>
<input type="text" id="rm_email" name="rm_email" />

<input type="hidden" name="my_type" value="3" />
<input type="hidden" name="form_id" value="12565">

如何强制标签到表单字段的左侧

2 个答案: