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

来源:8-17 编程练习

默默竹

2016-08-30 11:31

<!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>

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

写回答 关注

2回答

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

    <style type="text/css">

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

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

    </style>

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

    默默竹

    不好意思,刚才发现错误了,input 多写了个p。input本身是块级的

    2016-08-30 14:17:20

    共 1 条回复 >

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

    要先让input元素块化

    inpput{

    display:block;

    width:100px;

    }

    默默竹

    不好意思,刚才发现错误了,input 多写了个p。input本身是块级的

    2016-08-30 14:16:50

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题