Advertisement
Uhuuuyy

my-view1.html

Jan 19th, 2024
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Go 2.48 KB | Source Code | 0 0
  1. <!--
  2. @license
  3. Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
  4. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  5. The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  6. The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  7. Code distributed by Google as part of the polymer project is also
  8. subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  9. -->
  10.  
  11. <link rel="import" href="../bower_components/polymer/polymer-element.html">
  12. <link rel="import" href="shared-styles.html">
  13.  
  14. <dom-module id="my-view1">
  15.   <template>
  16.     <style include="shared-styles">
  17.       :host{
  18.         display: block;
  19.  
  20.         padding: 10px;
  21.       }
  22.       input[type=text], [type=email], [type=password], select, textarea {
  23.         width: 100%;
  24.         padding: 12px 20px;
  25.         margin: 8px 0;
  26.         display: inline-block;
  27.         border: 1px solid #ccc;
  28.         border-radius: 4px;
  29.         box-sizing: border-box;
  30.       }
  31.       input[type=submit]{
  32.         width: 100%;
  33.         background-color: #4CAF50;
  34.         color: white;
  35.         padding: 14px 20px;
  36.         margin: 8px 0;
  37.         border: none;
  38.         border-radius: 4px;
  39.         cursor: pointer;
  40.       }
  41.       input[type=submit]:hover{
  42.         background-color: #45a049;
  43.       }
  44.     </style>
  45.  
  46.     <div class="card">
  47.       <div class="circle">1</div>
  48.       <h1>Registrasi</h1>
  49.       <form action="#"method="#">
  50.         <label>Nama Lengkap</label>
  51.         <input type="text" name="namalkp" placeholder="Nama Lengkap .."required>
  52.  
  53.         <label>Email</label>
  54.         <input type="email" name="email" placeholder="Email .."required>
  55.  
  56.         <label>Pasword</label>
  57.         <input type="password" name="password"placeholder="Password .."required>
  58.  
  59.         <label>Jenis Kelamin</label>
  60.         <select id="jkel" name="jkel">
  61.           <option value="laki">Laki-laki</option>
  62.           <option value="perempuan">Perempuan</option>
  63.           <option value="lain">Lainnya</option>
  64.         </select>
  65.  
  66.         <label>Alamat</label>
  67.         <textarea name="alamat" placeholder="Write something .."></textarea>
  68.         <input type="submit" value="Submit">
  69.       </form>
  70.     </div>
  71.   </template>
  72.  
  73.   <script>
  74.     class MyView1 extends Polymer.Element {
  75.       static get is() { return 'my-view1'; }
  76.     }
  77.  
  78.     window.customElements.define(MyView1.is, MyView1);
  79.   </script>
  80. </dom-module>
Tags: beg6
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement