Home/ Questions/Q 8845709
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T11:48:01+00:00

What is the best way to implement input field and button behavior as displayed

  • 0

What is the best way to implement input field and button behavior as displayed here:
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I like the answer of ScottS, but just to have an alternative: you could use table-like behaviour in CSS:

    CSS

    .formline{
    display: table;
}
.txt{
    display: table-cell;
    width: 100%;
}
input[type=text]{
    -moz-box-sizing: border-box; box-sizing: border-box;
    width: 100%;
}​

    HTML

    <div class=formline>
    <div class=txt>
        <input type=text>
    </div>
    <input type=submit value=submit>
</div>

    http://jsfiddle.net/willemvb/VaFSP/

    • 0