Formularkomponenten in HTML-HTML-Tutorial-php.cn

Formularkomponenten in HTML

墨辰丷

Freigeben： 2018-06-04 14:35:15

Original

1661 Leute haben es durchsucht

Dieser Artikel führt Sie anhand von Beispielcode in das Wissen über HTML-Formularkomponenten ein. Er ist sehr gut und hat Referenzwert.

HTML-Formulare werden zum Sammeln verschiedener Arten verwendet Benutzereingaben.

Der spezifische Code lautet wie folgt:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
    <!--  
    如果要给服务端提交数据 表单中的组件必须有name和value属性  
    用于给服务端获取数据   
     -->  
<from>输入名称:<input type="text" name="user" value=""/><br/>  
        输入密码:<input type="password" name="passwd" value=""/>  
        <br/>  
      选择性别:<input type="radio" name="sex" vlaue="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="file" name="file" /><br/>  
    一个图片:<input type="image" src="11.jpg" ><br/>  
    <!-- 数据不需要客户端指定 但是可以将其提交服务端 -->  
    隐藏组件:<input type="hidden" name="mykey" value="myvalue"/><br/>  
    一个按钮:<input type="button" value="有个按钮" onclick="alert(&#39;有个按钮&#39;)"><br/>  
    <select name="contry">  
        <option value="none">--选择国家-</option>  
        <option value="usa">美国</option>  
        <option value="en">英国</option>  
        <option value="cn" selected="selected">中国</option>  
    </select>  
    <textarea name="text"></textarea>  
    <br/>  
    <input type="reset" value="清除数据"/><input type="submit" value="提交数据"/>  
<from>  
</body>  
</html>

Nach dem Login kopieren

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, er kann nützlich sein für die Lernhilfe aller.

Verwandte Empfehlungen:

So implementieren Sie Webinhalte HTML Tag-Vervollständigung und Filterung in PHP

Zusammenfassung der Datei-Upload-Techniken basierend auf Ajax HTML

So führen Sie CSS in HTML ein

Das obige ist der detaillierte Inhalt vonFormularkomponenten in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!