如何避免以HTML格式重叠标签和文本框

时间:2014-03-22 12:08:54

标签: css

cssfile:
#Title
{
position:relative;
left:130px;
top:210px;
}
#title
{
position:relative;
left:190px;
top:210px;
}
#Subtitle
{
position:relative;
left:130px;
top:410px;
}
#subtitle
{
position:relative;
left:210px;
top:410px;
}     
enter code here
<html>
<label id=Title>Title</label>
<label id=Subtitle>Subtitle</label>
<input id='title' name="title" type='text' value="<?php echo $title;?>"/>
<input id='subtitle' name="subtitle" type='text' value="<?php echo $subtitle;?>"/>
</html>
  

文本框和标签在显示html文本框的值时相互重叠。我使用position:relative作为标签和文本框。如何克服这个问题..

1 个答案:

答案 0 :(得分:0)

<label id=Title>Title</label>
<label id=Subtitle>Subtitle</label>

ID失败,缺少使用""''而没有定义for=""

<label for="title">Title:</label> 
<input type="text" id="title" name="titleother" value="<?php echo $title;?>"/>
<br/>
<label for="Subtitle">Subtitle</label>
<input id='subtitle' name="subtitleother" type='text' value="<?php echo $subtitle;?>"/>