導航:首頁 > 萬維百科 > 網頁設計html表單框架經驗總結

網頁設計html表單框架經驗總結

 發布時間：2020-12-12 08:04:12

1、需要一個HTML模板，用來做簡單的表單數據錄入

HTML做個數據錄入的模板。如下參考：

1、首先新建一個html，點擊<body></body>中間，先填入表格內容：

2.內容可根據要求編寫，示例代碼如下：

<table>

<p style="text-align:center ">功課表</p>

<tr>

<th>語文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>數學</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3.然後在<head></head>中間輸入樣式表的樣式，如下圖：

4.樣式也可以根據個人需要設置，設置單元格的寬度高度，合並單元格，位置，顏色等，示例代碼如下：

<style type="text/css">

body

{

width:340px;

height:800px;

}

table

{

border-collapse:collapse;

}

th,td

{

width:100px;

height:40px;

border:1pxsolidblack;

font-size:12px;

text-align:center;

}

</style>

5.注意，此代碼「table的意思是表」的含義是將表邊框合並為單個邊框以合並相鄰的更改。

6.預覽結果如下圖所示，一個製作簡單的HTML模板。

2、html網頁框架設計。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>四行，第三行三列</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
div{
border:10px solid #ccc;
height:250px;
text-align:center;
font-size:50px;
}
.f3 div{
width:31%;
float:left;
}
</style>
</head>
<body>
<div>1</div>
<div>2</div>

<div class="f3">
<div>31</div>
<div>32</div>
<div>33</div>
</div>

<div>4</div>
</body>
</html>

3、網頁設計一個最簡單的表單提交！

你直接搜索當地可以提交這個表單的電話問下就OK啦

4、HTML5網頁前端設計中如下圖表單的代碼怎麼寫？

下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫比較簡單，div 太麻煩了；
<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用戶注冊頁面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用戶名：</div></td>
<td><input style='width:250px' value='請輸入用戶名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 碼：</div></td>
<td><input style='width:250px' value='請輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>確 認：</div></td>
<td><input style='width:250px' value='請再次輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名：</div></td>
<td><input style='width:250px' value='請輸入真實姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>郵 箱：</div></td>
<td><input style='width:250px' value='請輸入電子郵箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注冊" /></div>
</div>
</body>
</html>

5、html網頁的表單製作問題

這個效果來需源要使用 javascript 了  不適用A標簽

<script>
    function login(){
        var username=document.getElementByid('username')
        if (username=="'){
            alert("請輸入用戶名");
            return;
        }
    window.location.href="login.jsp?username="++"&"
    }
    
</script>

<input type="text" value=""/>
<input type="button" value ="登錄" onclick="javascript:login()" />

6、Web製作 網頁製作 html 表格

個人建議：瀏覽器F12查找，一般程序員寧可重寫，也不願查找錯誤

7、關於html網頁設計表單問題

按你的代碼，選擇了150，120的也還選上的，你這個name屬性不同，根本就是不同的2組單選，互相無關系
<tr>
<td>建築面積：</td>
<td>
<input name="radio" type="radio" id="radio" value="radio" checked="CHECKED" />120平米
<input name="radio" type="radio" id="radio2" value="radio" />150平米
</td>
</tr>
如果這樣寫，那就是默認選中120，當你選擇150的時候，120就取消選擇了，雖然按你的代碼選哪個都一樣，因為value值相同。。。

8、有關html網頁設計的框架問題（嵌入網頁）

<iframe name="mypage" width=900px height=600px src="默認頁面"></iframe>
其他頁面鏈接target="mypage"
就OK了。

與網頁設計html表單框架經驗總結相關的知識