gpt4 book ai didi

php - 看不懂html和css,坐标输入表单

转载 作者:太空宇宙 更新时间:2023-11-03 21:43:20 26 4
gpt4 key购买 nike

我读过 w3school 并阅读了一些在线资源,我真的很难理解 html 和 css,请有人帮助我,我是初学者

我已经创建了这个表格,但问题是它没有出现在中心并且看起来不好看,我想看到这样

                                  Latitude Max

[ ]
Longitude Min [ ] [ ] Longitude Max

[ ]

Latitude Min

SUBMIT

很多人告诉我使用基于 gui 的 dreamviewer,但我使用的是 centos,所以我喜欢手动理解和编写 html 和 css 代码。

看这里是我的代码

     <!DOCTYPE html>
<html>
<body>
<form action="search.php" method="post">
Latitude Max <input type="lat_max" name="RANGE[]"></br/>
</br/>Longitude Min <input type="lon_min" name="RANGE[]">
<input type="lon_max" name="RANGE[]">Longitude Max</br/>
</br/>Latitude Min <input type="lat_min" name="RANGE[]">
</br/><input type="submit" name="formSubmit" value="Submit" />
</form>

</body>
</html>

我想在 php 脚本中调用这个表单,请帮助我。作为初学者,我花了超过 1 天的时间来设计一个 html 页面,这很难但确实如此。

最佳答案

我非常同情初学者,因为大约一年前我还是一个初学者。这需要时间,并且需要阅读大量代码。我会给你一个“解决方案”,但大部分时间都花在 fiddle 的 CSS 部分。如果这是您的第一步,您仍然需要学习很多关于从输入字段中读取值、清理它们以及使用它们的知识。

大型程序以单个 FIDDLE 开头.

CSS

.container {
width: 600px;
border: 1px solid black;
}
.singleinput {
width: 100%;
text-align: center;
margin-top: 25px;
}
.doubleinput {
width: 100%;
margin-top: 25px;
border: 1px solid transparent;
overflow: hidden;
}
.minlong {
float: left;
margin-left: 30px;
}
.maxlong {
float: right;
margin-right: 30px;
}
.buttondiv {
width: 80px;
margin: 20px auto;
}
input {
width: 50px;
}

建议:

  1. 了解如何使用 jsfiddle - 您可以连续几个小时进行实验,而无需将文件上传到服务器。它内置了所有“东西”(jQuery)。

  2. 阅读有关 div 宽度和“ float ”div 的信息。

  3. “溢出:隐藏”是在 div 中 float div 的技巧。你只需要记住它。

  4. 玩一下边距,看看会发生什么。

  5. 计算出来的是“margin: 0px auto;”意味着。

  6. 祝你好运!不要放弃!

关于php - 看不懂html和css,坐标输入表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22120568/

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