首页html写两个白底输入框

html写两个白底输入框

时间: 2024-12-17 18:46:25 浏览: 5

在HTML中，你可以使用`<input>`元素创建输入框，如果需要白色背景，可以直接忽略颜色属性，因为默认情况下，输入框的颜色通常是白色。以下是创建两个白底输入框的基本示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> input { background-color: white; /* 白色背景 */ border: 1px solid #ccc; /* 边框样式，这里为了区分可选 */ padding: 5px; /* 内边距增加舒适度 */ margin: 5px; /* 控制间距 */ } </style> </head> <body>  <label for="input1">输入框1:</label> <input type="text" id="input1" name="input1">  <label for="input2">输入框2:</label> <input type="text" id="input2" name="input2"> </body> </html> ``` 在这个例子中，`type="text"`指定了输入框为文本输入，你可以根据实际需求替换为其他类型的输入，比如密码输入`type="password"`等。

阅读全文