如何防止文本环绕复选框？我需要在复选框后对齐文本,而不是在它下面.我知道我不是第一个问的人,但我似乎无法找到解决方案.
.sign-newsletter {
padding:40px;
width:200px;
}
form li {display:inline;}
fieldset {border:0;}
.checkbox {
width: 13px;
height: 13px;
padding: 0;
margin:0 10px 0 0;
vertical-align: bottom;
position: relative;
top: -2px;
*overflow: hidden;
}
input {background:#636566; padding:7px;
width:100%;
margin-bottom:5px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
<div class="sign-newsletter">
<form method="post" action="submit-sign-newsletter.php">
<fieldset>
<ul>
<li><input type="text" name="name" placeholder="Name" /></li>
<li><input type="email" name="email" placeholder="Email" /></li>
<li><input class="checkbox" type="checkbox" name="sign_me_in" …我需要帮助.当我提交此表单时,我希望它自动重定向到选择列表中的值选项(即url).
所以当按下选择列表中选择的艾哈迈达巴德提交时,它应该重定向到http://intranet.guj.nic.in/passport
目前它没有重定向.使用内联JavaScript代码执行此操作的最佳方法是什么？
<html><body>
<form id="pass-form" >
<select id="pass-dropdown" ><option selected="selected">Select Passport Office
for Status page </option><option value="http://intranet.guj.nic.in/passport/">Ahemadabad
</option><option value="http://passportstatus.nic.in/passmain.php?city=asr">Amritsar
</option><option value="http://rpobangalore.gov.in/npassport.asp">Bangalore
</option><option value="http://passportstatus.nic.in/passmain.php?city=bly">Bareilly
</option></select>
<input type="submit" onsubmit="var sel = document.getElementById('pass-dropdown'); window.location = sel.options[sel.selectedIndex].value" />
</form>
</body>
</html>