এইচটিএমএল <টেক্সটারে </a> এর জন্য ডিফল্ট মান কীভাবে যুক্ত করবেন? [বন্ধ]

Question

আমি আমার এইচটিএমএল এর জন্য একটি ডিফল্ট মান সেট করতে চাই <textarea>। আমি এমন একটি উপাদান থেকে পড়েছি যা ডিফল্ট মান যুক্ত করতে আপনার মতো কিছু করতে হবে <textarea>This is default text</textarea>। আমি এটা করেছি কিন্তু কাজ করে না। সঠিক কাজটি কী?

Comments

আপনি যেভাবে দেখান তা হল এটি কীভাবে কাজ করার কথা। আপনার এইচটিএমএল কোডটি যদি তা না করে তা দেখান

— পিক্কা

আপনার HTML করুন ... দেন

— ড্যানিয়েল রামিরেজ-Escudero

কোডের চেষ্টা ব্যতীত প্রশ্নের উত্তরগুলির স্যুট এতে উল্লেখ করা হয়েছে। এই প্রয়াস ব্যতীত প্রশ্নের চিকিত্সা করতে দেয়, সুতরাং প্রশ্নটি "কোনও কোড নয়" বা "আর দীর্ঘসূত্রী হতে পারে" ঘনিষ্ঠ কারণে হ'ল না।

— Tysvarev

Answer 1

এখানে আমার jsFizz উদাহরণ। এটি ভাল কাজ করে:

<textarea name='awesome'>Default value</textarea>

Answer 2

আপনি স্থানধারক বৈশিষ্ট্যটি ব্যবহার করতে পারেন যা কোনও ডিফল্ট মান যোগ করে না তবে আপনি যা খুঁজছেন তা হতে পারে:

<textarea placeholder="this text will show in the textarea"></textarea>

এটি এখানে দেখুন - http://jsfiddle.net/8DzCE/949/

গুরুত্বপূর্ণ দ্রষ্টব্য (মন্তব্যে জন ব্রাভের পরামর্শ অনুসারে) :

প্লেসোল্ডার অ্যাট্রিবিউট কোনও টেক্সারিয়ার মান সেট করে না। পরিবর্তে "স্থানধারক বৈশিষ্ট্যটি একটি সংক্ষিপ্ত ইঙ্গিত (একটি শব্দ বা সংক্ষিপ্ত বাক্যাংশ) উপস্থাপন করে যা ব্যবহারকারীর ডেটা এন্ট্রি দিয়ে সহায়তা করতে পারে যখন নিয়ন্ত্রণের কোনও মূল্য থাকে না" [এবং পাঠ্যগ্রহে ব্যবহারকারী ক্লিক করার সাথে সাথে এটি অদৃশ্য হয়ে যায়]। এটি কখনই নিয়ন্ত্রণের জন্য "ডিফল্ট মান" হিসাবে কাজ করবে না। যদি আপনি এটি চান, আপনার অবশ্যই এখানে অবশ্যই অন্য উত্তর হিসাবে পছন্দসই পাঠ্যটি আসল ডিফল্ট মান value

Comments

আপনি পরিষ্কার করতে উচিত যে placeholderসেট করেনি মান একটি এর textarea। পরিবর্তে "স্থানধারক বৈশিষ্ট্যটি একটি সংক্ষিপ্ত ইঙ্গিত (একটি শব্দ বা সংক্ষিপ্ত বাক্যাংশ) উপস্থাপন করে যা ব্যবহারকারীর ডেটা এন্ট্রি দিয়ে সহায়তা করতে পারে যখন নিয়ন্ত্রণের কোনও মূল্য থাকে না" [এবং পাঠ্যগ্রহে ব্যবহারকারী ক্লিক করার সাথে সাথে এটি অদৃশ্য হয়ে যায়]। এটি কখনই নিয়ন্ত্রণের জন্য "ডিফল্ট মান" হিসাবে কাজ করবে না। আপনি যদি এটি চান তবে <textarea>Here is the actual default value</textarea>অন্যান্য উত্তর হিসাবে এখানে অবশ্যই আপনার পছন্দসই পাঠ্যটি লিখতে হবে ।

— জোনব্রেভ

এটি আসলে খুব বিপজ্জনক সমাধান। দয়া করে, স্থানধারককে কখনই ডিফল্ট মান দিয়ে বিভ্রান্ত করবেন না।

— কিওয়ার্টি

@ কিওয়ার্টি - হ্যাঁ, আমাদের স্থানধারককে ডিফল্ট মান দিয়ে বিভ্রান্ত করা উচিত নয়। তবে বিপজ্জনক .... আপনি কোন উদাহরণ / কেসটি কোথায় এবং কীভাবে বিপজ্জনক হতে পারে (কোনও সম্ভাব্য ক্ষতি বা আঘাতের কারণ হতে পারে) তা বর্ণনা করতে পারেন?

— bhaya_w

স্থানধারক কোনও ফর্ম পাঠাবে না won't আপনি বা আপনার ব্যবহারকারী এটি প্রেরণের আশা করলে এটি বিপজ্জনক।

— কিওয়ার্টি

মানটি জমা না হলে এটি কোনও ডিফল্ট মান নয় বরং একটি ইঙ্গিত। যদি আমি কোনও ডিফল্ট মান সন্ধান করি তবে আমি এটি একটি ডিফল্ট মান হিসাবে আচরণ করার প্রত্যাশা করি এবং যা বিপজ্জনক তা হ'ল এটি প্রত্যাশিত আচরণ প্রদর্শন করে না। বিপজ্জনক হ'ল এই সমাধানটি যা সমাধান করা উচিত তা সমাধান করবে solve কিন্তু এটা আপনি অনুমান করা যে আমি তো খোঁজ করছি সঠিক একটি , কিন্তু চাওয়ার বি । এবং আপনি যদি উত্তরটিতে সুস্পষ্টভাবে বলেছেন যে, আপনার উত্তর বৈধ হবে। আপনি ঠিক বলেছেন যে এটি জ্ঞানের অভাব সম্পর্কে, তবে এই উত্তরটির সন্ধানকারী লোকদের এই জ্ঞানের অভাব রয়েছে।

— কিউয়েরটি

Answer 3

আপনি যদি সম্পাদনার জন্য কোনও টেক্সারিয়া ট্যাগে একটি ডাটাবেস থেকে তথ্য আনতে চান: ইনপুট ট্যাগটি বিভিন্ন লাইন দখল করে এমন ডেটা প্রদর্শন করতে না পারে: সারিগুলিতে কোনও কাজ হয় না, ট্যাগ ইনপুটটি একটি লাইন is

<!--input class="article-input" id="article-input" type="text" rows="5" value="{{article}}" /-->

টেক্সারিয়া ট্যাগটির কোনও মূল্য নেই তবে হ্যান্ডেলবারগুলি দিয়ে সূক্ষ্মভাবে কাজ করুন

<textarea class="article-input" id="article-input" type="text" rows="9" >{{article}}</textarea> 

Answer 4

ঠিক যদি আপনি আপনার প্রকল্পে Angular.js ব্যবহার করছেন (যেমন আমি আছি) এবং ng-modelআপনার জন্য একটি সেট রাখে ঠিক তেমন <textarea>ভিতরে ডিফল্ট সেট করে রাখুন:

<textarea ng-model='foo'>Some default value</textarea>

...কাজ করবে না!

আপনাকে ng-modelসংশ্লিষ্ট নিয়ামক বা ব্যবহারের ক্ষেত্রে টেক্সেরিয়ার ডিফল্ট মান সেট করতে হবে ng-init।

উদাহরণ 1 (ব্যবহার করে ng-init):

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', [ '$scope', function($scope){
  // your controller implementation here
}]);

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
  </head>
  <body ng-app='myApp'>
    <div ng-controller="MyCtrl">
      <textarea ng-init='foo="Some default value"' ng-model='foo'></textarea>
    </div>
  </body>
</html>

উদাহরণ 2 (ব্যবহার না করে ng-init):

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl', [ '$scope', function($scope){
  $scope.foo = 'Some default value';
}]);

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
  </head>
  <body ng-app='myApp'>
    <div ng-controller="MyCtrl">
      <textarea ng-model='foo'></textarea>
    </div>
  </body>
</html>

Comments

এটিকে এই স্ট্যাকওভারফ্লো.com / a / 25391822 / 2199525 পাওয়া গেছে - জিনিসগুলি আরও পরিষ্কার করা হয়েছে।

— leymannx

Answer 5

কয়েকটি নোট এবং স্পষ্টতা:

• placeholder='' আপনার পাঠ্য সন্নিবেশ করান, তবে এটি গ্রেভ আউট হয় (একটি সরঞ্জাম-টিপ শৈলীর বিন্যাসে) এবং ক্ষেত্রটি ক্লিক করার সাথে সাথে আপনার পাঠ্যটি একটি খালি পাঠ্য ক্ষেত্র দ্বারা প্রতিস্থাপিত হবে।

• value=''কোনও <textarea>বৈশিষ্ট্য নয়, এবং কেবল <input>ট্যাগগুলির জন্য কাজ করে , যেমন, <input type='text'>ইত্যাদি I HTML5 এর নির্মাতারা কেন এটি অন্তর্ভুক্ত না করার সিদ্ধান্ত নিয়েছিলেন তা আমি জানি না, তবে এটি এখনকার পথে।

• <textarea>উপাদানগুলিতে পাঠ্য সন্নিবেশ করার সর্বোত্তম পদ্ধতিটি এখানে সঠিকভাবে বর্ণিত হয়েছে: <textarea> Desired text to be inserted into the field upon page load </textarea>ব্যবহারকারী ক্ষেত্রটি ক্লিক করলে তারা পাঠ্যটি সম্পাদনা করতে পারে এবং এটি ক্ষেত্রটিতে থাকে (বিপরীতে placeholder='')।

• দ্রষ্টব্য: আপনি যদি ট্যাগ <textarea>এবং </textarea>ট্যাগগুলির মধ্যে পাঠ্য সন্নিবেশ করান তবে আপনি placeholder=''এটি ব্যবহার করতে পারবেন না কারণ এটি আপনার sertedোকানো পাঠ্যটি ওভাররাইট করা হবে।

Answer 6

যখন আমি এই জাতীয় কিছু করি এটি আমার পক্ষে কাজ করে:

<textarea name="test" rows="4" cols="6">My Text</textarea>

Answer 7

এছাড়াও, এটি আমার পক্ষে খুব ভাল কাজ করেছে:

<textarea class="form-control" rows="3" name="msg" placeholder="Your message here." onfocus='this.select()'>
<?php if (isset($_POST['encode'])) { echo htmlspecialchars($_POST['msg']);} ?>
</textarea>

এই ক্ষেত্রে, from _POST ['এনকোড'] এসেছিল:

<input class="input_bottom btn btn-default" type="submit" name="encode" value="Encode">

পিএইচপি কোডটি ট্যাগগুলির মধ্যে প্রবেশ করানো হয়েছিল।

Answer 8

স্থানধারক পাঠ্য অঞ্চলের জন্য ডিফল্ট মান সেট করতে পারে না। তুমি ব্যবহার করতে পার

<textarea rows="10" cols="55" name="description"> /*Enter default value here to display content</textarea>

আপনি যদি এটি ডাটাবেস সংযোগের জন্য ব্যবহার করেন তবে এটি ট্যাগ। আপনি যদি পিএইচপি ছাড়া অন্য ভাষা ব্যবহার করেন তবে আপনি বিভিন্ন বাক্য গঠন ব্যবহার করতে পারেন। পিএইচপি জন্য:

উদাহরণ:

<textarea rows="10" cols="55" name="description" required><?php echo $description; ?></textarea>

প্রয়োজনীয় কমান্ড পিএইচপি ব্যবহার করে খালি ক্ষেত্রগুলি পরীক্ষা করতে প্রয়োজনীয় প্রচেষ্টা হ্রাস করে।

Answer 9

আপনি this.innerHTML ব্যবহার করতে পারেন।

<textarea name="message" rows = "10" cols = "100" onfocus="this.innerHTML=''"> Enter your message here... </textarea>

পাঠ্যের ক্ষেত্রটি যখন ফোকাস করা হয়, এটি মূলত পাঠ্যর অভ্যন্তরের এইচটিএমএলকে একটি খালি স্ট্রিং করে তোলে।

Answer 10

অনুগ্রহ করে নোট করুন যে আপনি যদি রচনা করার পরে টেক্সেরিয়ায় পরিবর্তন করেন; আপনি প্রাথমিক মানের পরিবর্তে আপডেট হওয়া মানটি পাবেন।

<!doctype html>
<html lang="en">
    <head>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script>
            $(function () {
                $('#btnShow').click(function () {
                    alert('text:' + $('#addressFieldName').text() + '\n value:' + $('#addressFieldName').val());
                });
            });
            function updateAddress() {
                $('#addressFieldName').val('District: Peshawar \n');
            }
        </script>
    </head>
    <body>
        <?php
        $address = "School: GCMHSS NO.1\nTehsil: ,\nDistrict: Haripur";
        ?>
        <textarea id="addressFieldName" rows="4" cols="40" tabindex="5" ><?php echo $address; ?></textarea>
        <?php echo '<script type="text/javascript">updateAddress();</script>'; ?>
        <input type="button" id="btnShow" value='show' />
    </body>
</html>

আপনি দেখতে পাচ্ছেন যে পাঠ্যমূল্যের মূল্য উদ্বেগের পাঠ্যক্রমের প্রারম্ভিক এবং সমাপনী ট্যাগের মধ্যে পাঠ্যের চেয়ে আলাদা হবে।

Answer 11

আপনি "মান" বৈশিষ্ট্যও যুক্ত করতে পারেন এবং সেট করতে পারেন যাতে এরকম কিছু হয়:

<textarea value="your value"> </textarea>

Comments

থেকে MDN ডকুমেন্টেশন : " <textarea>সমর্থন করে না valueঅ্যাট্রিবিউট"।

— রবি কর্নেলিসসেন

প্রতিক্রিয়াতে লিখতে এইচটিএমএল স্পেকের সাথে সারিবদ্ধ হওয়া ভাল।

— টমাসজ ওয়াসজেকেক