html5學(xué)習(xí)筆記(3)

html表單的創(chuàng)建

創(chuàng)新互聯(lián)建站是一家專注于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),永寧網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:永寧等地區(qū)。永寧做網(wǎng)站價(jià)格咨詢:028-86922220

表單：

  • 表單用于獲取不同類型的用戶輸入

  • 常用標(biāo)簽：http://www.w3school.com.cn/tags/html_ref_byfunc.asp

html5學(xué)習(xí)筆記(3)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form>
        用戶名
        <input type="text">
        密碼
        <input type="password">
        <br/>
        <br/>
        fruit
        <br/>
        <input type="checkbox">apple
        <input type="checkbox">banana
        <input type="checkbox">pear

        <br/>
        性別
        <br/>
        男<input type="radio" name="sex">
        女<input type="radio" name="sex">

        <br/>
        city
        <select>
            <option>xiamen</option>
            <option>lanzhou</option>
            <option>fuzhou</option>
        </select>
        <br/>
        <input type="button" value="button">
        <input type="submit" value="提交">
    </form>
    <textarea cols="30" rows="20">info:</textarea>

</body>
</html>

PHP環(huán)境搭建：

具體搭建方法參考PHPeclipse的安裝。網(wǎng)上可以搜到

html5表單和php交互

定義一個(gè)表單提交：

index.html中：

<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form action="http://localhost/myservice/service.php" method="get">
        用戶名
        <input type="text" name="name">
        密碼
        <input type="password" name="password">
        <br/>

        <input type="submit" value="提交">
    </form>
</body>
</html>

service.php

<?php
/*
 * Created on 2015-6-23
 *
 * To change the template for this generated file go to
 * Window - Preferences - PHPeclipse - PHP - Code Templates
 */
 echo "username".$_GET['name']."<br>password".$_GET['password'];
?>

html5的框架，背景和實(shí)體-框架

html框架：

  1. 框架標(biāo)簽（frame）: 框架對(duì)于頁(yè)面的設(shè)計(jì)有著很大的作用

  2. 框架集標(biāo)簽（<framset>）\

  3. 內(nèi)聯(lián)框架：iframe:

http://www.w3school.com.cn/tags/html_ref_byfunc.asp

html5學(xué)習(xí)筆記(3)

創(chuàng)建三個(gè)框架framea.html  framec.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#faebd7">
   framea <br/>
    <!--<iframe src="framec.html" frameborder="0" width="800px" height="800px"></iframe>-->
   <a >baidu</a>
</body>
</html>

frameb.html,

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#8a2be2">
    frameb <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe>
</body>
</html>

framec.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body bgcolor="#f0ffff">
    frameb <br/>
    <iframe src="frameb.html" width="600px" height="600px"></iframe>
</body>
</html>

在index.html中

<!DOCTYPE html>
<frame>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
    <!--<a >baidu</a>-->
    <br/>
    <iframe src="framec.html" frameborder="0" width="400px" height="400px">

    </iframe>
</html>

html 背景

1.背景標(biāo)簽

    background

2.背景顏色：

    bgcolor

html實(shí)體：

http://www.w3school.com.cn/tags/html_ref_ascii.asp

<body>
abc&lt;html&gt;
</body>

極客學(xué)院：http://www.jikexueyuan.com/course/139.html

本文標(biāo)題：html5學(xué)習(xí)筆記(3)
當(dāng)前鏈接：http://muchs.cn/article12/isjjdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、微信小程序、、建站公司、云服務(wù)器、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司