Hello all, hoping to get some help here since I can't find anything by googling about this issue.
I've been asked to do a form like in the attachment, the form container has a fixed width, and inside of it the labels and inputs are fluid (the inputs adapt themselves to the size of the labels).
My HTML code looks liek this:
HTML Code:
<form method="post" action="#">
<h1>Typical Form Page</h1>
<div class="entry">
<label for="lbl1">Label 1</label>
<input type="text" name="lbl1" id="lbl1" />
</div>
<div class="entry">
<label for="lbl2">Another Label</label>
<input type="text" name="lbl2" id="lbl2" />
</div>
<div class="entry">
<label for="lbl3">Yet another Label</label>
<input type="text" name="lbl3" id="lbl3" />
</div>
</form>
Obviously I can't set a fixed size for the labels or the inputs because those are not defined yet, the client wants to be able to code any label and have the input adapt itself to the fixed size of the form.
Is that doable without any crazy javascript?
Thanks!