如果问过这个问题,我道歉,但我找不到完全相同的问题.正如W3schools所说,高度属性不包括填充,边框或边距! (链接).所以这是一个简单的样式声明:
input {
width:180px;
height:18px;
padding:7px;
border:1px solid black;
}
这是html:
<input type='text' name='text' value='194px by 32px' /><br />
<input type='submit' name='button' id='button' value='180px by 18px' />
文本字段按预期方式为194像素x 32像素,但提交按钮为180像素×18像素.显然,我可以通过填充两倍来增加按钮的高度和宽度,但我想知道为什么会出现差异.我在这里做了一个jsfiddle:http://jsfiddle.net/RRf5A/.谢谢你的帮助.仅供参考,我已经尝试过<button>而不是输入提交,并且display:inline-block.
当我在iphone中使用Safari查看以下html文件时,它不会显示内容的整个宽度,因为它应该:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>iOS Viewport Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
body #wrap {
width: 1008px;
border: 1px solid #000;
}
h1 {
font:30px sans-serif;
}
</style>
</head>
<body>
<div id="wrap">
<h1>Here's some quite eloooongated text that should make the screen at least 1008px wide or more</h1>
</div><!-- end #wrap -->
</body>
</html>
谁能看到我做错了什么？对于它的价值,我有iOS 6.1和Safari 6.0
你好,我是新来的,也是编程的.今天我已经在php/mysql和jquery表单验证中创建了一个登录表单,并且很惊讶我的表单因为js脚本而无效？你工作得很好.
<div class="top_login_error" id="top_error">All fields must be field</div>
<div id="logincontainer">
<div id="loginbox">
<div id="loginheader">
<div>Control Panel Login</div>
</div>
<div id="innerlogin">
<form method="POST" action="obr.php" id="login_form">
<p>Enter your username:</p>
<input type="text" class="logininput" name="login" id="login" />
<p>Enter your password:</p>
<input type="password" class="logininput" name="password" id="password" />
<input type="submit" class="loginbtn" value="Submit" name="enter" id="admin_login" /><br />
<p><a href="#" title="Forgoteen Password?">Forgotten Password?</a></p>
</form>
</div>
</div>
<img SRC="../images/administration/login_fade.png" alt="Fade" />
</div>
</body>
用于验证表单的jquery ccode
$('#admin_login').click(function(q){
q.preventDefault();
var login = $('#login').val();
var password = $('#password').val();
if (login.length == 0){ …