Auto resize input fields in HTML

Question

What do I have to do, so the inputs from the table will get smaller if I minimize the browser window? Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <table>
        <tr>
            <td>
                <input type=text>
            </td>
            <td>
                <input type=text>
            </td>
        </tr>
            <td>
                <input type=text>
            </td>
            <td>
                <input type=text>
            </td>
        <tr>
        </tr>
    </table>
</body>
</html>

Emilio Gort · Accepted Answer · 2013-07-07 08:57:02Z

1

Try to use percent in your css to resize

<style>
input[type="text"]{
  width:10%;/* Whatever percent you want*/
}
</style>

answered Jul 7, 2013 at 8:57

Emilio Gort

3,4553 gold badges32 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ritesh Nair · Accepted Answer · 2013-07-07 09:27:15Z

0

 <style>
    input 
  { 
    width:100%; 
    height: 100%; 
   }
 </style>

also add:

<table cellspacing="5px">

Hope this helps you

answered Jul 7, 2013 at 9:27

Ritesh Nair

3,3651 gold badge19 silver badges26 bronze badges

Collectives™ on Stack Overflow

Auto resize input fields in HTML

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related