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

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

also add:

<table cellspacing="5px">

Hope this helps you

Collectives™ on Stack Overflow

Auto resize input fields in HTML

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related