gpt4 book ai didi

html - 在输入字段之间添加字符

转载 作者:行者123 更新时间:2023-11-28 11:03:40 26 4
gpt4 key购买 nike

我有一个简单的表单,包含两列和一个由三个输入组成的字段(见附图) enter image description here两列向右浮动。我需要在“Adószám”中的字段之间添加破折号。我用 :before 伪类尝试过,但它没有显示任何内容。如果我只是将它添加到 HTML 标记中,字段将换行到下一行。

这是我的 HTML:

<div id="column1">
<label for="name">Név:<br /><input type="text" id="name" name="name" /></label>
<label for="pass">Jelszó:<br /><input type="text" id="pass" name="pass" /></label>
<input type="checkbox" id="accept" name="accept" value="1" /> Elfogadom a feltételeket
</div>
<div id="column2">
<label for="email">E-mail cím:<br /><input type="text" id="email" name="email" /></label>
<label for="taxno1">Adószám:<br />
<input type="text" id="taxno1" name="taxno1" />
<input type="text" id="taxno2" name="taxno2" />
<input type="text" id="taxno3" name="taxno3" />
</label>

还有我的 CSS:

    #column1 {
margin-right: 50px;
display: inline-block;
width: 270px;
float: left;
}

#column2 {
display: inline-block;
width: 270px;
float: left;
}

label {
font-weight: bold;
/*display: inline-block;*/
}

input {
width: 255px;
/*display: inline-block;*/
height: 28px;
border: 1px solid #c3c6d1;
background-color: #eaecf2;
margin: 5px 0 5px 0;
font-size: 15px;
padding: 5px;
}

#taxno1 {
width: 82px;
}

#taxno2, #taxno3 {
width: 46px;
margin-left: 23px;
}

最佳答案

请查看此代码

<div id="column1">
<label for="name">Név:<br /><input type="text" id="name" name="name" /></label>
<label for="pass">Jelszó:<br /><input type="text" id="pass" name="pass" /></label>
<input type="checkbox" id="accept" name="accept" value="1" /> Elfogadom a feltételeket
</div>
<div id="column2">
<label for="email">E-mail cím:<br /><input type="text" id="email" name="email" /></label>
<label for="taxno1">Adószám:<br />
<input type="text" id="taxno1" name="taxno1" /> -
<input type="text" id="taxno2" name="taxno2" /> -
<input type="text" id="taxno3" name="taxno3" />
</label>

#taxno2, #taxno3 {
width: 46px;
margin-left: 10px;
}

此处演示 http://jsfiddle.net/z9b5S/

关于html - 在输入字段之间添加字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22344880/

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