问答详情
源自:8-17 编程练习

如何调整文本输入框的大小

<!DOCTYPE html>

<html>

 <head>

  <title>浏览器对象</title>  

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>   

  <style type="text/css">

    inpput{

       width:100px;  

    }

    

  </style>

 </head>

 <body>

  <form>

  <input type="text" name="a" value="nihao">

  </form>

</body>

</html>

我这么写,可是浏览器效果没有任何变化

提问者:默默竹 2016-08-30 11:31

个回答

  • 流浪的蝈蝈
    2016-08-30 12:06:36

    <style type="text/css">

    //将行级标签转换为块级标签,就可以调整大小

        input{ display:block; width:自己设置; height:自己设置; }

    </style>

    <input type = "text" name="a" value="nihao"/>

  • 可可西里3776603
    2016-08-30 11:55:03

    要先让input元素块化

    inpput{

    display:block;

    width:100px;

    }