gpt4 book ai didi

javascript - 带有 jQ​​uery Mobile 的三个输入的一个标签

转载 作者:行者123 更新时间:2023-11-29 10:48:46 25 4
gpt4 key购买 nike

我想知道是否可以像下面的原型(prototype)一样使用 jQuerymobile 制作表单行。

enter image description here

我尝试使用具有四列的布局网格,如下图所示,但生日标签比第二列大并增加了它的大小。

<div class="ui-block-a">
<label for="idnumber" style="width:50%">
ID:
</label>
<input name="idnumber" id="idnumber" placeholder="(ID Number)" value="" type="text">
</div>
<div class="ui-block-b">
<label for="month" style="width:10%">
Birthday:
</label>
<input name="month" id="month" placeholder="MM" value="" type="text">
</div>
<div class="ui-block-c" style="width:10%">
<label for="day">
&nbsp;
</label>
<input name="day" id="day" placeholder="DD" value="" type="text">
</div>
<div class="ui-block-d" style="width:30%">
<label for="year">
&nbsp;
</label>
<input name="year" id="year" placeholder="YYYY" value="" type="text">
</div>

enter image description here

最佳答案

几分钟后,我发布了问题,我意识到问题出在哪里。我错误地将 style="width:XX%" 放在前两个字段的标签内,而不是将它们放在 block div 内。

正确的代码如下:

<div class="ui-block-a" style="width:40%; margin-right: 10px;">
<label for="idnumber">
ID:
</label>
<input name="idnumber" id="idnumber" placeholder="(ID Number)" value="" type="text">
</div>
<div class="ui-block-b" style="width:15%; margin-right: 5px;">
<label for="month">
Birthday:
</label>
<input name="month" id="month" placeholder="MM" value="" type="text">
</div>
<div class="ui-block-c" style="width:15%; margin-right: 5px;">
<label for="day">
&nbsp;
</label>
<input name="day" id="day" placeholder="DD" value="" type="text">
</div>
<div class="ui-block-d" style="width:20%">
<label for="year">
&nbsp;
</label>
<input name="year" id="year" placeholder="YYYY" value="" type="text">
</div>

正确的结果如下:

enter image description here

关于javascript - 带有 jQ​​uery Mobile 的三个输入的一个标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14201771/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com