02八、HTML 標籤3表單標籤插入組件

時間 2020-01-24

標籤 html 標籤表單插入組件欄目 HTML 简体版

原文原文鏈接

內容：表單標籤插入組件(常常使用)php

form表單標籤和input組件
<form>
    用戶名稱：<input type="text" name="username" value="hehe" /><br/>
    輸入密碼：<input type="password" name="psw" /><br/>
    選擇性別：<input type="radio" name="sex" value="nan" />男
            <input type="radio" name="sex" value="nv" checked="checked"/>女<br/>
    選擇技術：<input type="checkbox" name="tech" value="java" />JAVA
            <input type="checkbox" name="tech" value="html" />HTML
            <input type="checkbox" name="tech" value="css" />CSS<br/>
    一個按鈕：<input type="button" value="有個按鈕" onclick="alert('有個按鈕,我彈！')"/><br/>
    隱藏組件：<input type="hidden" name="zhangsan" value="20"/><br/>        
    選擇文件：<input type="file" name="file" /><br/>
    圖片組件：<input type="image" src="1.jpg" /><br/>
    
    選擇國家：
    <select name="country">
        <option value='none'>--選擇國家--</option>
        <option value="cn" selected="selected">中國</option>
        <option value="usa">美國</option>
        <option vaue='en'>英國</option>
    </select>
    <br/>
    我的介紹：<textarea rows="4" cols="20"></textarea>
    <input type="submit" value="提交"/><input type="reset" value="恢復默認"/>

</form>

若是這些值須要提交到服務端的，每一個組件的屬性都須要namecss

瀏覽器兩種提交方式
如下get和post提交數據來自代碼
 html

#############################################
加入表格標籤，好看，下面實現簡單提交java

<body>
<form action="127.0.0.1:8080" method="get">
    <table border="1" bordercolor="blue" width="700px" cellspacing="0" cellpadding="10">
        <tr>
            <th colspan="2">用戶註冊</th>
        </tr>
        <tr>
            <th>用戶名稱:</th>
            <td><input type="text" name="usename"></td>
        </tr>
        <tr>
            <th>輸入密碼:</th>
            <td><input type="password" name="pwd"></td>
        </tr>
        <tr>
            <td>選擇性別:</td>
            <td><input type="radio" name="sex" value="male"/>男
            <input type="radio" name="sex" value="female">女</td>
        </tr>
        <tr>
            <td>選擇技術:</td>
            <td><input type="checkbox" name="tech" value="java">java
                <input type="checkbox" name="tech" value="HTML">HTML
                </td>
        </tr>
        <tr>
            <td>一個按鈕</td>
            <td><input type="button" value="按鈕" onclick="alert('love')"></td>
        </tr>
        <tr>
            <th colspan="2"><input type="submit" value="提交"></th>
        </tr>
    </table>

</form>
</body>

##簡單服務器用於執行上面的提交：瀏覽器

public static void main(String[] args) throws IOException
{
    ServerSocket ss = new ServerSocket(8080);
    Socket s = ss.accept();
    InputStream is = s.getInputStream();
    byte[] buf = new byte[1024];
    int len = is.read(buf);
    String str = new String(buf,0,len);
    System.out.println(str);
    
    PrintWriter out = new PrintWriter(s.getOutputStream(),true);
    out.println("<font color='blue' size='7'>註冊成功</font>");
    
    s.close();
    ss.close();
}

############################################################################
其餘標籤安全

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<body>
<b>演示</b><i>一下</i><u>其餘</u>的<strong>標籤</strong>。語義化
X<sub>2</sub>  X<sup>2</sup>
<marquee behavior="slide" direction="down">哇，我會飛啦！</marquee>
<pre>
class Demo
{
    public static void main(String[] args)
    {
        System.out.println("hello");
    }
}
</pre>
</body>

轉載於猿2048:☞《02八、HTML 標籤3表單標籤插入組件》服務器

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。