html怎么让文本框前面的文字显示在左上方

如题所述

1、启动DW网页编辑器,新建一个html网页。

2、在body中插入一个div【<div></div>】,并在head中引入CSS【<style type="text/css"></style>】。

3、然后给DIV定义一个CSS,设置宽高属性等,并写一段文字。

4、保存并打开网页,用鼠标左键可以很方便的选择上面的文字。

5、在样式中加入禁止选择文字的样式。

6、保存网页并刷新后,再用鼠标选择文字就没办法选择。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-12-27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
    label{
      font-size: 12px;
      vertical-align: top;
    }
    input{
      font-size: 15px;
      height: 30px;
    }
</style>
</head>
<body>
  <div>
    <label for="txt">文本框前面的文字</label>
    <input type="text" name="" id="txt" value="这里是文本框" />
  </div>
</body>
</html>

本回答被网友采纳
第2个回答  2017-12-25
如果是textarea文本框的话,给textarea加上vertical-align:top的css属性即可。(来自贴吧大哥的回答)
第3个回答  2017-12-26

方法很多  随便提两个

    margin:-10px auto auto -10px;

    父元素 : position:relative;

    子元素 : position:absolute;top:0;left0;

第4个回答  2014-04-04

<div style="font-size:12px;margin:15px 0px 3px 2px;">姓名:</div>
<div><input type="text" /></div>
<div style="font-size:12px;margin:15px 0px 3px 2px;">出生日期:</div>
<div><input type="text" /></div>
<div style="font-size:12px;margin:15px 0px 3px 2px;">单位:</div>
<div><input type="text" /></div>



<div style="font-size:12px;margin:15px 0px 3px 2px;">姓名:</div>
<div style="margin-left:30px;"><input type="text" /></div>
<div style="font-size:12px;margin:15px 0px 3px 2px;">出生日期:</div>
<div style="margin-left:50px;"><input type="text" /></div>
<div style="font-size:12px;margin:15px 0px 3px 2px;">单位:</div>
<div style="margin-left:30px;"><input type="text" /></div>

以上两种,不知道你要哪种,所以都写出来了

本回答被提问者和网友采纳
相似回答