028、HTML 标签3表单标签插入组件

程序员文章站 2022-10-04 19:54:41

内容：表单标签插入组件(经常使用)############################################################## 如果这些值需要提交到服务端的，每个组件的属性都需要name######################################### ......

内容：表单标签插入组件(经常使用)
##############################################################

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>

如果这些值需要提交到服务端的，每个组件的属性都需要name

####################################################################################
浏览器两种提交方式
以下get和post提交数据来自代码

#############################################
加入表格标签，好看，下面实现简单提交

<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>

上一篇：【HDU 2602】Bone Collector（裸的01背包）

下一篇： Python迭代器和生成器