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

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

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("注册成功");
    
    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>2sub>  X<sup>2sup>
<marquee behavior="slide" direction="down">哇,我会飞啦!marquee>
<pre>
class Demo
{
    public static void main(String[] args)
    {
        System.out.println("hello");
    }
}
pre>
body>

 

你可能感兴趣的:(028、HTML 标签3表单标签插入组件)