首页怎样给h5表单中的文本框设置大小与间距

怎样给h5表单中的文本框设置大小与间距

时间: 2024-02-15 07:02:43 浏览: 22

要给 H5 表单中的文本框设置大小和间距，可以使用CSS样式来实现。以下是设置文本框大小和间距的示例代码： ``` <!DOCTYPE html> <html> <head> <title>Form Example</title> <style> /* 设置文本框大小 */ input[type="text"] { width: 300px; height: 30px; } /* 设置文本框间距 */ input[type="text"] + input[type="text"] { margin-top: 10px; } </style> </head> <body> <form> <label for="input1">Input 1:</label> <input type="text" id="input1" name="input1" /><br /> <label for="input2">Input 2:</label> <input type="text" id="input2" name="input2" /><br /> <label for="input3">Input 3:</label> <input type="text" id="input3" name="input3" /> </form> </body> </html> ``` 在上面的代码中，我们使用了CSS样式来设置文本框的大小和间距。对于文本框的大小，我们使用了 `width` 和 `height` 属性，并将它们设置为 `300px` 和 `30px`。对于文本框之间的间距，我们使用了 `margin-top` 属性，并将它设置为 `10px`，这将在每个文本框之间添加10像素的间距。