Araç Kutusu, HTML sekmesi
Araç Kutusu'nun HTML sekmesi, web sayfalarında ve web formlarında yararlı olan bileşenler sağlar. Bu sekmeyi görüntülemek için, önce HTML tasarımcısında düzenlemek üzere bir belge açın. Görünüm menüsünde Araç Kutusu'na tıklayın ve ardından Araç Kutusu'nun HTML sekmesine tıklayın.
HTML sekmesinde bir aracın örneğini oluşturmak için, aracı geçerli ekleme noktasında belgenize eklemek için çift tıklayın veya aracı seçip düzenleme yüzeyinde istediğiniz konuma sürükleyin.
Kullanıcı arabirimi öğeleri
Aşağıdaki araçlar html sekmesinde varsayılan olarak kullanılabilir.
Işaretçi
Bu araç, herhangi bir Araç Kutusu sekmesi açıldığında varsayılan olarak seçilir. Silinemez. İşaretçi, nesneleri Tasarım görünümü yüzeyine sürüklemenizi, yeniden boyutlandırmanızı ve sayfa veya formda yeniden konumlandırmanızı sağlar. Daha fazla bilgi için bkz . Araç Kutusu.
Giriş (Düğme)
öğesini input type="button"ekler. Görüntülenen metni değiştirmek için özelliğini düzenleyin name . Varsayılan olarak, id="Button1" ilk düğme için, id="Button2" ikinci düğme için eklenir ve bu şekilde devam edilir.
Giriş (Düğme) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Button1" type="button" value="Button" name="Button1">
Giriş (Sıfırla)
öğesini input type="reset"ekler. Görüntülenen metni değiştirmek için özelliğini düzenleyin name . Varsayılan olarak, id="Reset1" ilk sıfırlama düğmesi id="Reset2" için ikinci için eklenir ve bu şekilde devam edilir.
Giriş (Sıfırla) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Reset1" type="reset" value="Reset" name="Reset1">
Giriş (Gönder)
öğesini input type="submit"ekler. Görüntülenen metni değiştirmek için özelliğini düzenleyin name . Varsayılan olarak, id="Submit1" ilk gönder düğmesi id="Submit2" için ikinci düğme için eklenir ve bu şekilde devam edilir.
Giriş (Gönder) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Submit1" type="submit" value="Submit" name="Submit1">
Giriş (Metin)
Belgenize öğesini input type="text" ekler. Görüntülenen varsayılan metni değiştirmek için özniteliğini value düzenleyin. Varsayılan olarak, id="Text1" ilk metin alanı id="Text2" için ikinci için eklenir ve bu şekilde devam edilir.
Giriş (Metin) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Text1" TYPE="text" value="Text Field" name="Text1">
Önemli
Tüm kullanıcı girişlerini doğrulamanız önerilir. Daha fazla bilgi için bkz . ASP.NET Web Sayfaları (Razor) Sitelerinde Kullanıcı Girişini Doğrulama.
Giriş (Dosya)
Belgenize öğesini input type="file" ekler. Varsayılan olarak, id="File1" ilk dosya alanı id="File2" için ikinci için eklenir ve bu şekilde devam edilir.
Girdiyi (Dosya) Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="File1" type="file" name="File1">
Önemli
Tüm kullanıcı girişlerini doğrulamanız önerilir. Daha fazla bilgi için bkz . ASP.NET Web Sayfaları (Razor) Sitelerinde Kullanıcı Girişini Doğrulama.
Giriş (Parola)
öğesini input type="password"ekler. Varsayılan olarak, id="Password1" ilk parola alanı için ikinci parola alanı id="Password2" için eklenir ve bu şekilde devam edilir.
Giriş (Parola) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Password1" type="password" name="Password1">
Önemli
Uygulamanız kullanıcı adlarını ve parolaları iletirse, web sitenizi iletimi şifrelemek için Güvenli Yuva Katmanı (SSL) kullanacak şekilde yapılandırmanız gerekir. Daha fazla bilgi için bkz. Bağlan ions güvenliğini sağlama. Ayrıca, tüm kullanıcı girişlerini doğrulamanız önerilir. Daha fazla bilgi için bkz . ASP.NET Web Sayfaları (Razor) Sitelerinde Kullanıcı Girişini Doğrulama.
Giriş (Onay kutusu)
öğesini input type="checkbox"ekler. Görüntülenen metni değiştirmek için özelliğini düzenleyin name . Varsayılan olarak, id="Checkbox1" ilk onay kutusu için ikinci onay kutusuna id="Checkbox2" eklenir ve bu şekilde devam edilir.
Giriş (Onay kutusu) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Checkbox1" type="checkbox" name="Checkbox1">
Giriş (Radyo)
öğesini input type="radio"ekler. Görüntülenen metni değiştirmek için özelliğini düzenleyin name . Varsayılan olarak, id="Radio1" ilk radyo düğmesi için ikinci radyo düğmesi id="Radio2" için eklenir ve bu şekilde devam edilir.
Giriş (Radyo) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Radio1" type="radio" name="Radio1">
Giriş (Gizli)
öğesini input type="hidden"ekler. Varsayılan olarak, id="Hidden1" ilk gizli alan id="Hidden2" için ikinci için eklenir ve bu şekilde devam edilir.
Giriş (Gizli) öğesini Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<input id="Hidden1" type="hidden" name="Hidden1">
Metin Alanı
Bir textarea öğe ekler. Metin alanını yeniden boyutlandırabilir veya kaydırma çubuklarını kullanarak görüntüleme alanının ötesine uzanan metni görüntüleyebilirsiniz. Görüntülenen varsayılan metni değiştirmek için özniteliğini value düzenleyin. Varsayılan olarak, id="textarea1" ikinci için ilk metin alanı id=" textarea 2" eklenir ve bu şekilde devam edilir.
Textarea'yı Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea>
Önemli
Tüm kullanıcı girişlerini doğrulamanız önerilir. Daha fazla bilgi için bkz . ASP.NET Web Sayfaları (Razor) Sitelerinde Kullanıcı Girişini Doğrulama.
Table
Bir table öğe ekler.
Tabloyu Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table>
Görsel
Bir img öğe ekler. Öğesini ve metnini belirtmek src için bu öğeyi alt düzenleyin.
Resim'i Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<img alt="" src="">
Seç
Bir açılan select öğe ekler (öznitelik olmadan size ). Varsayılan olarak, id="select1" ilk liste kutusu id="select2" için ikinci için eklenir ve bu şekilde devam edilir.
Seç'i Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<select id="select1" name="select1"><option selected></option></select>
Size özelliğinin değerini artırarak çok satırlı select bir öğe oluşturabilirsiniz.
Yatay Kural
Bir hr öğe ekler. Çizginin kalınlığını artırmak için özniteliğini size düzenleyin.
Yatay Kural'ı Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<hr width="100%" size=1>
Div
Özniteliği içeren bir div ms_positioning="FlowLayout" öğe ekler. Genişlik ve yükseklik dışında, bu öğe Akış Düzeni Paneli ile aynıdır. öğesinin içinde div yer alan metni biçimlendirmek için, açılış etiketine bir class="stylename" öznitelik ekleyin.
Div'i Tasarım görünümü yüzeyine sürüklediğinizde, belgenize aşağıdaki gibi HTML işaretlemesi eklenir:
<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>