右对齐用那种方法
来源：4-8 编程练习
人间第一流
2020-01-21 18:02:45
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
header{
width:800px;
height:40px;
background-color:#00BFFF;
font-size:25px;
color:#F8F8FF;
line-height:40px;
text-indent:25px;
margin:0 auto;
}
.warp{
width:800px;
margin:0 auto;
background-color:#DCDCDC;
}
.con{
width:300px;
margin:0 auto;
font-size:20px;
color:#2F4F4F;
}
</style>
</head>
<body>
<header>用户注册</header>
<div class="warp">
<div class="con">
用户名:<input type="text" οnblur="chkvalue(this)"><br/>
密码:<input type="text" οnblur="chkvalue(this)"><br/>
确认密码:<input type="text" οnblur="chkvalue(this)"><br/>
姓名:<input type="text" οnblur="chkvalue(this)"><br/>
性别:<select>
<option></option>
<option value="man">男</option>
<option value="women">女</option>
</select><br/>
身份证号:<input type="text" οnblur="chkvalue(this)"><br/>
邮箱:<input type="text" οnblur="chkvalue(this)"><br/>
手机号码:<input type="text" οnblur="chkvalue(this)"><br/>
<input type="button" value="提交" οnblur="chkvalue(this)">
</div>
</div>
<script>
var in=document.getElementsByTagName("input");
function chkvalue(txt) {
if(txt.value=="") alert("文本框里必须填写内容!");
}
</script>
</body>
</html>
1回答
-
同学你好，可以给左侧的内容使用标签嵌套，设置宽度之后，文字右对齐。代码参考：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题