HTML مولد منطقة النص

إنشاء بسرعة لمشاريع الويب الخاصة بك باستخدام HTML Textarea Generator. قابلة للتخصيص وسهلة لنسخ الكود الذي تم إنشاؤه مباشرة إلى موقعك. </p> </div> </div> <div class="aw aw-above_tool text-center my-4"><div style="text-align: center;color: #9f9f9f;font-size: 9px;letter-spacing: 1px;line-height: 25px;height: 25px;width: 100%;">إعلان · <a tabindex="-1" target="_blank" href="https://iotools.cloud/ar/pricing/" title="انتقل إلى وضع خالٍ من الإعلانات" style="text-decoration: underline;color: #9f9f9f;">حذف؟</a></div> <!-- Iotools_S2S_AboveTool_ROS --> <style> @media only screen and (min-width: 0px) and (min-height: 0px) { div[id^="bsa-zone_1741343738908-2_123456"] { min-width: 300px; min-height: 250px; } } @media only screen and (min-width: 900px) and (min-height: 0px) { div[id^="bsa-zone_1741343738908-2_123456"] { min-width: 468px; min-height: 90px; } } </style> <div id="bsa-zone_1741343738908-2_123456"></div> </div> </div> <div class="layout layout--in-out row"> <div class="col-md-4" data-cols="4"> <div class="card sticky-top"> <div class="card-header"> <div class="h3 card-title font-weight-bold">مدخل</div> <div class="card-tools"> <span data-toggle="tooltip" data-placement="left" title="هذه الأداة تستهلك الاعتمادات. يجب أن يكون لديك أرصدة كافية لاستخدام هذه الأداة." class="badge badge-pill badge-warning"><i class="ti ti-coins" data-no-translation=""></i> يستخدم الاعتمادات</span> <div class="dropdown d-inline-block ml-1"> <a href="#" role="button" data-toggle="dropdown" aria-expanded="false" aria-label="إعدادات الأداة"> <i class="ti ti-settings" data-no-translation=""><i class="ti ti-chevron-down small" data-no-translation=""></i></i> </a> <div class="dropdown-menu"><a href="#" class="dropdown-item" onclick="IOTools.toggleFullwidth();return false;"><i class="ti ti-arrow-autofit-width" data-no-translation=""></i> <span>تبديل العرض</span></a><a href="#" class="dropdown-item" data-card-widget="maximize"><i class="ti ti-maximize" data-no-translation=""></i> <span>الدخول/الخروج من وضع ملء الشاشة</span></a></div> </div> </div> </div> <div class="card-body"> <form action="#" id="html-generator-in" autocomplete="off" onsubmit="return false;" class="html-generator form-in" data-trp-original-action="#"> <input type="hidden" name="ioVariant" value="textarea"> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomName">اسم <i class="ti ti-info-circle" data-toggle="tooltip" title="Use lowercase, descriptive names with underscores or dashes for readability (e.g., user_email or user-email" data-no-translation=""></i></label> <div class="input-group"> <input type="text" name="ioCustomName" id="ioCustomName" class="form-control" placeholder="على سبيل المثال: my-textarea" aria-label="على سبيل المثال: my-textarea" value="my-textarea" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomPlaceholder">العنصر النائب</label> <div class="input-group"> <input type="text" name="ioCustomPlaceholder" id="ioCustomPlaceholder" class="form-control" value="Example placeholder text" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomDefaultValue">المحتوى الافتراضي</label> <div class="input-group"> <input type="text" name="ioCustomDefaultValue" id="ioCustomDefaultValue" class="form-control" > </div> </div> <div class="hr-wrapper"> <hr> </div> <p class="h5 blue mb-3">إعدادات</p> <div class="form-group"> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="ioCustomRequiredField" name="ioCustomRequiredField" > <label class="custom-control-label" for="ioCustomRequiredField">هل هذا الحقل مطلوب؟</label> </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomColumns">أعمدة</label> <div class="input-group"> <input type="number" name="ioCustomColumns" id="ioCustomColumns" class="form-control" min="1" value="10" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomRows">الصفوف</label> <div class="input-group"> <input type="number" name="ioCustomRows" id="ioCustomRows" class="form-control" min="1" value="10" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomMinLength">طول دقيقة</label> <div class="input-group"> <input type="number" name="ioCustomMinLength" id="ioCustomMinLength" class="form-control" min="1" value="10" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomMaxLength">الحد الاقصى للطول</label> <div class="input-group"> <input type="number" name="ioCustomMaxLength" id="ioCustomMaxLength" class="form-control" min="1" value="1000" > </div> </div> <div class="form-group form-group--horizontal form-group--horizontal-2"> <label for="ioCustomClasses">فئات CSS <i class="ti ti-info-circle" data-toggle="tooltip" title="Add custom CSS classes to the element. Separate multiple classes with spaces." data-no-translation=""></i></label> <div class="input-group"> <input type="text" name="ioCustomClasses" id="ioCustomClasses" class="form-control" placeholder="خياري" aria-label="خياري" > </div> </div> <div class="form-group"> <label for="ioCustomStylesRequirements">متطلبات أنماط CSS</label> <div class="input-group"> <textarea class="form-control" name="ioCustomStylesRequirements" id="ioCustomStylesRequirements" rows="3" placeholder="خياري" >