028、HTML 標簽3表單標簽插入組件

番茄西紅柿發布于2019-04-23 13:12 / 3306人閱讀

摘要：屬性用于明確提交的方式。提交，將提交的數據顯示在地址欄。提交，提交敏感信息安全。區別數據的體積。提交，將提交信息封裝到了請求行。和服務端交互有三種方式，地址欄輸入。

內容：表單標簽插入組件(經常使用)
##############################################################

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>

云服務器 GPU云服務器表單標簽 js給表單標簽賦值 html單標簽雙標簽 html標簽

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1572.html

028、HTML 標簽2超鏈接，框架標簽

摘要：內容超鏈接，框架標簽超鏈接聯系我們變形金剛變形金剛迅雷下載超鏈接定位標記，比如返回頂部位置頂部位置這里定義名字返回頂部表示本頁面的那個名字位置取消默認的點擊事件，加入新的操作框架標簽框架標簽的特點可以將瀏覽器窗口內容：超鏈接，框架標簽############################################################## baidu.com ...

番茄西紅柿 2019-04-23 13:12 評論0 收藏0
動態生成form表單,不再為表單煩惱

摘要：具有數據收集校驗和提交功能的表單生成器，支持雙向數據綁定和事件擴展，組件包含有復選框單選框輸入框下拉選擇框等表單元素以及省市區三級聯動時間選擇日期選擇顏色選擇滑塊評分框架樹型文件圖片上傳等功能組件。 form-create 具有數據收集、校驗和提交功能的表單生成器，支持雙向數據綁定和事件擴展，組件包含有復選框、單選框、輸入框、下拉選擇框等表單元素以及省市區三級聯動,時間選擇,日期選擇,...

kamushin233 2019-08-22 14:53 評論0 收藏0
VUE

摘要：注意指令前面需要加，對指令傳遞數據賦值使用例如約定速成加上，表示自定義指令不要使用駝峰式命名。需要通過方法實現自定義指令注冊完成。 vue Vue.js 構建數據驅動的web界面庫。集中實現MVVM 的 VM層。容易與其他庫或項目整合通過盡可能簡單的API實現相應的數據綁定和組合的視圖組件核心：相應的數據綁定系統，數據與DOM保持同步數據驅動的視圖，普通的HTML模板中使用特殊的語...

bergwhite 2019-08-19 18:39 評論0 收藏0
HTML表單元素及CSS

摘要：表單一介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性值被提交表單的類型二表單組件組件一般被定義在表單中標簽中標簽表示輸入框，為空標簽。屬性，屬性規定要顯示的元素的類型。冒號表示分隔符，分號表示結束符。表單一、介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性：action-提交表單的地址 Method-提交表單的方式。屬性值：get/post ...

MyFaith 2019-08-30 13:48 評論0 收藏0
HTML表單元素及CSS

摘要：表單一介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性值被提交表單的類型二表單組件組件一般被定義在表單中標簽中標簽表示輸入框，為空標簽。屬性，屬性規定要顯示的元素的類型。冒號表示分隔符，分號表示結束符。表單一、介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性：action-提交表單的地址 Method-提交表單的方式。屬性值：get/post ...

jayzou 2019-08-01 17:50 評論0 收藏0