31 Ağustos 2018 Cuma

HTML

Button Tag'i
onClick Attribute
Elimizde şöyle bir kod olsun.
function Steps() {
...
}
Şöyle yaparız.
<button onclick="Steps()">Start </button>
type Attribute
Default type = submit'tir. Submit işlemi sonucunda sayfa yeniden yüklenir.
Örnek
Şöyle de tanımlanabilir.
<button type="button" onclick="sendData()">Create Class</button>
Örnek
Şöyle yaparız.
<form id='emailform'>
  <input type="text" name="email" placeholder="Your Email" id="userInput"><br>
  <button type="button" name="submit" id="addButton">Add User</button>
</form>  
Tıklama event'ini de şöyle yaparız.
$('#addButton').on('click', function() {
  var email = $('#userInput').val();
  $.ajax({
    type: "post",
    url: 'validation.php',
    data: $('#emailform').serialize(),
    dataType: "html",
    success: function(html) {
      alert(html); 
    }
  });
});
Details Tag'i
Şöyle yaparız.
<details>
  <summary>more <!-- a bad summary --></summary>
  <p>Some content</p>
</details>
Div Tag'i
id Attribute
Şöyle yaparız.
<div id="stepslog"></div>
innerHTML Attribute
Şöyle yaparız.
function StepONE() {
  document.getElementById('stepslog').innerHTML += '<hr>Step ONE';
 
}

Label Tag'i
Şöyle yaparız.
<label class="control-label required"  for="name">Name</label>
Paragraph Tag'i
innerText Attribute
Örnek
Elimizde şöyle bir kod olsun
<p id="cost">Cost</p>
Şöyle yaparız.
document.getElementById("cost").innerText= "Subtotal $" + subTotal; 

Hiç yorum yok:

Yorum Gönder