BinaryDevelop
  1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLフォームコンポーネントのサンプルコード

2022-01-08 11:06:43

HTMLフォームは、さまざまなタイプのユーザー入力を収集するために使用されます。次の記事では、興味のある方のために、htmlフォームコンポーネントのサンプルコードをコード付きで共有します。

さっそくですが、以下に示すコードをご覧ください。 

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
    <! --  
    If you want to submit data to the server the components in the form must have the name and value attributes  
    for fetching data to the server side   
     -->  
<from>input name:<input type="text" name="user" value=""/><br/>  
        Enter password:<input type="password" name="passwd" value=""/>  
        <br/>  
      Select gender:<input type="radio" name="sex" vlaue="nan"/> Male <input type="radio" name="sex& quot; value="nv" checked="checked"/> female  
    <br/>  
    Select technology:  
        <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/>  
    Select file:  
        <input type="file" name="file" /><br/>  
    An image:<input type="image" src="11.jpg" ><br/>  
    <! -- The data does not need to be specified by the client but can be submitted to the server -->  
    Hidden component:<input type="hidden" name="mykey" value="myvalue"/><br/>  
    A button:<input type="button" value="There's a button" onclick="alert('There's a button')"><br/>  
    <select name="contry">  
        <option value="none">--select country-</option>  
        <option value="usa">United States</option>  
        <option value="en">United Kingdom</option>  
        <option value="cn" selected="selected">China</option>  
    </select>  
    <textarea name="text"></textarea>  
    <br/>  
    <input type="reset" value="clear data"/><input type="submit" value="submit data"/>  
<from>  
</body>  
</html>

概要

以上、HTMLフォームコンポーネントのサンプルコードを紹介しましたが、お役に立てれば幸いです。これからもスクリプトハウスのウェブサイトをよろしくお願いします。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します